@remix-run/ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (308) 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.js → anchor/index.js} +1 -1
  9. package/dist/anchor/index.js.map +1 -0
  10. package/dist/animation/demos/reordering.js +9 -6
  11. package/dist/animation/demos/reordering.js.map +1 -1
  12. package/dist/{components/breadcrumbs/breadcrumbs.js → breadcrumbs/index.js} +19 -19
  13. package/dist/breadcrumbs/index.js.map +1 -0
  14. package/dist/button/index.d.ts +15 -0
  15. package/dist/button/index.js +128 -0
  16. package/dist/button/index.js.map +1 -0
  17. package/dist/checkbox/index.d.ts +14 -0
  18. package/dist/checkbox/index.js +125 -0
  19. package/dist/checkbox/index.js.map +1 -0
  20. package/dist/combobox/index.d.ts +21 -0
  21. package/dist/combobox/index.js +58 -0
  22. package/dist/combobox/index.js.map +1 -0
  23. package/dist/{components/combobox/combobox.d.ts → combobox/primitives.d.ts} +3 -7
  24. package/dist/{components/combobox/combobox.js → combobox/primitives.js} +8 -61
  25. package/dist/combobox/primitives.js.map +1 -0
  26. package/dist/input/index.d.ts +13 -0
  27. package/dist/input/index.js +121 -0
  28. package/dist/input/index.js.map +1 -0
  29. package/dist/listbox/flash-attribute.js.map +1 -0
  30. package/dist/{components/listbox/listbox.d.ts → listbox/index.d.ts} +2 -6
  31. package/dist/{components/listbox/listbox.js → listbox/index.js} +4 -82
  32. package/dist/listbox/index.js.map +1 -0
  33. package/dist/menu/hover-aim.js.map +1 -0
  34. package/dist/menu/index.d.ts +42 -0
  35. package/dist/menu/index.js +250 -0
  36. package/dist/menu/index.js.map +1 -0
  37. package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts} +3 -32
  38. package/dist/{components/menu/menu.js → menu/primitives.js} +97 -314
  39. package/dist/menu/primitives.js.map +1 -0
  40. package/dist/{components/popover/popover.d.ts → popover/index.d.ts} +2 -4
  41. package/dist/{components/popover/popover.js → popover/index.js} +5 -48
  42. package/dist/popover/index.js.map +1 -0
  43. package/dist/{interactions/outside-click/outside-click-mixin.js → popover/outside-click.js} +1 -1
  44. package/dist/popover/outside-click.js.map +1 -0
  45. package/dist/popover/scroll-lock.d.ts +1 -0
  46. package/dist/{utils → popover}/scroll-lock.js +0 -18
  47. package/dist/popover/scroll-lock.js.map +1 -0
  48. package/dist/radio/index.d.ts +12 -0
  49. package/dist/radio/index.js +77 -0
  50. package/dist/radio/index.js.map +1 -0
  51. package/dist/runtime/reconcile.js +11 -5
  52. package/dist/runtime/reconcile.js.map +1 -1
  53. package/dist/runtime/vdom.js +3 -0
  54. package/dist/runtime/vdom.js.map +1 -1
  55. package/dist/select/index.d.ts +19 -0
  56. package/dist/select/index.js +95 -0
  57. package/dist/select/index.js.map +1 -0
  58. package/dist/select/keydown.js.map +1 -0
  59. package/dist/{components/select/select.d.ts → select/primitives.d.ts} +4 -6
  60. package/dist/{components/select/select.js → select/primitives.js} +11 -63
  61. package/dist/select/primitives.js.map +1 -0
  62. package/dist/server/stream.js +2 -2
  63. package/dist/server/stream.js.map +1 -1
  64. package/dist/shared/focus-styles.d.ts +1 -0
  65. package/dist/shared/focus-styles.js +2 -0
  66. package/dist/shared/focus-styles.js.map +1 -0
  67. package/dist/shared/icons.d.ts +9 -0
  68. package/dist/shared/icons.js +42 -0
  69. package/dist/shared/icons.js.map +1 -0
  70. package/dist/shared/listbox-popover-styles.d.ts +6 -0
  71. package/dist/shared/listbox-popover-styles.js +137 -0
  72. package/dist/shared/listbox-popover-styles.js.map +1 -0
  73. package/dist/shared/style-values.d.ts +78 -0
  74. package/dist/{theme/presets/rmx-01/index.js → shared/style-values.js} +3 -34
  75. package/dist/shared/style-values.js.map +1 -0
  76. package/dist/{interactions/typeahead/typeahead-mixin.js → shared/typeahead.js} +1 -1
  77. package/dist/shared/typeahead.js.map +1 -0
  78. package/dist/shared/wait-for-css-transition.js.map +1 -0
  79. package/dist/shared/wait.js.map +1 -0
  80. package/dist/tabs/index.d.ts +32 -0
  81. package/dist/tabs/index.js +157 -0
  82. package/dist/tabs/index.js.map +1 -0
  83. package/dist/tabs/primitives.d.ts +57 -0
  84. package/dist/tabs/primitives.js +238 -0
  85. package/dist/tabs/primitives.js.map +1 -0
  86. package/dist/toggle/index.d.ts +9 -0
  87. package/dist/toggle/index.js +108 -0
  88. package/dist/toggle/index.js.map +1 -0
  89. package/dist/toggle/primitives.d.ts +29 -0
  90. package/dist/toggle/primitives.js +127 -0
  91. package/dist/toggle/primitives.js.map +1 -0
  92. package/package.json +73 -44
  93. package/src/{components/accordion → accordion}/README.md +50 -14
  94. package/src/accordion/index.tsx +285 -0
  95. package/src/accordion/primitives.tsx +512 -0
  96. package/src/{components/anchor → anchor}/README.md +37 -2
  97. package/src/animation/demos/reordering.tsx +9 -6
  98. package/src/{components/breadcrumbs → breadcrumbs}/README.md +4 -4
  99. package/src/{components/breadcrumbs/breadcrumbs.tsx → breadcrumbs/index.tsx} +18 -18
  100. package/src/button/README.md +44 -0
  101. package/src/button/index.ts +168 -0
  102. package/src/checkbox/README.md +59 -0
  103. package/src/checkbox/index.ts +162 -0
  104. package/src/{components/combobox → combobox}/README.md +58 -9
  105. package/src/combobox/index.tsx +112 -0
  106. package/src/{components/combobox/combobox.tsx → combobox/primitives.tsx} +5 -91
  107. package/src/input/README.md +52 -0
  108. package/src/input/index.ts +147 -0
  109. package/src/{components/listbox → listbox}/README.md +9 -41
  110. package/src/{components/listbox/listbox.ts → listbox/index.ts} +2 -87
  111. package/src/{components/menu → menu}/README.md +55 -14
  112. package/src/menu/index.tsx +354 -0
  113. package/src/{components/menu/menu.tsx → menu/primitives.tsx} +99 -413
  114. package/src/{components/popover → popover}/README.md +20 -39
  115. package/src/{components/popover/popover.ts → popover/index.ts} +3 -57
  116. package/src/{utils → popover}/scroll-lock.ts +0 -28
  117. package/src/radio/README.md +53 -0
  118. package/src/radio/index.ts +100 -0
  119. package/src/runtime/demos/readme.demo.tsx +16 -14
  120. package/src/runtime/reconcile.ts +11 -5
  121. package/src/runtime/vdom.ts +3 -0
  122. package/src/{components/select → select}/README.md +29 -19
  123. package/src/select/index.tsx +159 -0
  124. package/src/{components/select/select.tsx → select/primitives.tsx} +10 -98
  125. package/src/server/stream.ts +3 -3
  126. package/src/shared/focus-styles.ts +2 -0
  127. package/src/shared/icons.tsx +62 -0
  128. package/src/shared/listbox-popover-styles.ts +146 -0
  129. package/src/shared/style-values.ts +165 -0
  130. package/src/tabs/README.md +141 -0
  131. package/src/tabs/index.tsx +244 -0
  132. package/src/tabs/primitives.ts +365 -0
  133. package/src/toggle/README.md +56 -0
  134. package/src/toggle/index.tsx +134 -0
  135. package/src/toggle/primitives.ts +192 -0
  136. package/dist/animation/demos/animation.demo.d.ts +0 -5
  137. package/dist/animation/demos/animation.demo.js +0 -92
  138. package/dist/animation/demos/animation.demo.js.map +0 -1
  139. package/dist/animation/demos/spring.demo.d.ts +0 -6
  140. package/dist/animation/demos/spring.demo.js +0 -304
  141. package/dist/animation/demos/spring.demo.js.map +0 -1
  142. package/dist/components/accordion/accordion.d.ts +0 -92
  143. package/dist/components/accordion/accordion.js +0 -335
  144. package/dist/components/accordion/accordion.js.map +0 -1
  145. package/dist/components/accordion/demos/card.demo.d.ts +0 -7
  146. package/dist/components/accordion/demos/card.demo.js +0 -59
  147. package/dist/components/accordion/demos/card.demo.js.map +0 -1
  148. package/dist/components/accordion/demos/multiple.demo.d.ts +0 -7
  149. package/dist/components/accordion/demos/multiple.demo.js +0 -20
  150. package/dist/components/accordion/demos/multiple.demo.js.map +0 -1
  151. package/dist/components/accordion/demos/overview.demo.d.ts +0 -7
  152. package/dist/components/accordion/demos/overview.demo.js +0 -20
  153. package/dist/components/accordion/demos/overview.demo.js.map +0 -1
  154. package/dist/components/anchor/anchor.js.map +0 -1
  155. package/dist/components/breadcrumbs/basic.demo.d.ts +0 -6
  156. package/dist/components/breadcrumbs/basic.demo.js +0 -15
  157. package/dist/components/breadcrumbs/basic.demo.js.map +0 -1
  158. package/dist/components/breadcrumbs/breadcrumbs.js.map +0 -1
  159. package/dist/components/breadcrumbs/separator.demo.d.ts +0 -6
  160. package/dist/components/breadcrumbs/separator.demo.js +0 -15
  161. package/dist/components/breadcrumbs/separator.demo.js.map +0 -1
  162. package/dist/components/button/button.d.ts +0 -105
  163. package/dist/components/button/button.js +0 -207
  164. package/dist/components/button/button.js.map +0 -1
  165. package/dist/components/button/demos/aliases.demo.d.ts +0 -7
  166. package/dist/components/button/demos/aliases.demo.js +0 -19
  167. package/dist/components/button/demos/aliases.demo.js.map +0 -1
  168. package/dist/components/button/demos/basic.demo.d.ts +0 -7
  169. package/dist/components/button/demos/basic.demo.js +0 -20
  170. package/dist/components/button/demos/basic.demo.js.map +0 -1
  171. package/dist/components/button/demos/states.demo.d.ts +0 -7
  172. package/dist/components/button/demos/states.demo.js +0 -30
  173. package/dist/components/button/demos/states.demo.js.map +0 -1
  174. package/dist/components/combobox/combobox.js.map +0 -1
  175. package/dist/components/combobox/overview.demo.d.ts +0 -7
  176. package/dist/components/combobox/overview.demo.js +0 -154
  177. package/dist/components/combobox/overview.demo.js.map +0 -1
  178. package/dist/components/glyph/glyph.d.ts +0 -14
  179. package/dist/components/glyph/glyph.js +0 -65
  180. package/dist/components/glyph/glyph.js.map +0 -1
  181. package/dist/components/listbox/listbox.js.map +0 -1
  182. package/dist/components/listbox/overview.demo.d.ts +0 -7
  183. package/dist/components/listbox/overview.demo.js +0 -65
  184. package/dist/components/listbox/overview.demo.js.map +0 -1
  185. package/dist/components/menu/demos/bubbling.demo.d.ts +0 -6
  186. package/dist/components/menu/demos/bubbling.demo.js +0 -16
  187. package/dist/components/menu/demos/bubbling.demo.js.map +0 -1
  188. package/dist/components/menu/demos/context-trigger.demo.d.ts +0 -7
  189. package/dist/components/menu/demos/context-trigger.demo.js +0 -87
  190. package/dist/components/menu/demos/context-trigger.demo.js.map +0 -1
  191. package/dist/components/menu/demos/overview.demo.d.ts +0 -7
  192. package/dist/components/menu/demos/overview.demo.js +0 -33
  193. package/dist/components/menu/demos/overview.demo.js.map +0 -1
  194. package/dist/components/menu/hover-aim.js.map +0 -1
  195. package/dist/components/menu/menu.js.map +0 -1
  196. package/dist/components/popover/overview.demo.d.ts +0 -7
  197. package/dist/components/popover/overview.demo.js +0 -65
  198. package/dist/components/popover/overview.demo.js.map +0 -1
  199. package/dist/components/popover/popover.js.map +0 -1
  200. package/dist/components/select/deconstructed.demo.d.ts +0 -7
  201. package/dist/components/select/deconstructed.demo.js +0 -54
  202. package/dist/components/select/deconstructed.demo.js.map +0 -1
  203. package/dist/components/select/overview.demo.d.ts +0 -6
  204. package/dist/components/select/overview.demo.js +0 -28
  205. package/dist/components/select/overview.demo.js.map +0 -1
  206. package/dist/components/select/select.js.map +0 -1
  207. package/dist/components/separator/separator.d.ts +0 -2
  208. package/dist/components/separator/separator.js +0 -15
  209. package/dist/components/separator/separator.js.map +0 -1
  210. package/dist/components/tabs/tabs.d.ts +0 -78
  211. package/dist/components/tabs/tabs.js +0 -339
  212. package/dist/components/tabs/tabs.js.map +0 -1
  213. package/dist/interactions/keydown/keydown.js.map +0 -1
  214. package/dist/interactions/outside-click/outside-click-mixin.js.map +0 -1
  215. package/dist/interactions/typeahead/typeahead-mixin.js.map +0 -1
  216. package/dist/runtime/demos/basic.demo.d.ts +0 -6
  217. package/dist/runtime/demos/basic.demo.js +0 -16
  218. package/dist/runtime/demos/basic.demo.js.map +0 -1
  219. package/dist/runtime/demos/controlled-uncontrolled-values.demo.d.ts +0 -6
  220. package/dist/runtime/demos/controlled-uncontrolled-values.demo.js +0 -77
  221. package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map +0 -1
  222. package/dist/runtime/demos/keyed-list.demo.d.ts +0 -6
  223. package/dist/runtime/demos/keyed-list.demo.js +0 -62
  224. package/dist/runtime/demos/keyed-list.demo.js.map +0 -1
  225. package/dist/runtime/demos/readme.demo.d.ts +0 -5
  226. package/dist/runtime/demos/readme.demo.js +0 -396
  227. package/dist/runtime/demos/readme.demo.js.map +0 -1
  228. package/dist/theme/contract.d.ts +0 -61
  229. package/dist/theme/contract.js +0 -131
  230. package/dist/theme/contract.js.map +0 -1
  231. package/dist/theme/glyph-contract.d.ts +0 -11
  232. package/dist/theme/glyph-contract.js +0 -34
  233. package/dist/theme/glyph-contract.js.map +0 -1
  234. package/dist/theme/presets/rmx-01/glyphs.d.ts +0 -2
  235. package/dist/theme/presets/rmx-01/glyphs.js +0 -252
  236. package/dist/theme/presets/rmx-01/glyphs.js.map +0 -1
  237. package/dist/theme/presets/rmx-01/index.d.ts +0 -4
  238. package/dist/theme/presets/rmx-01/index.js.map +0 -1
  239. package/dist/theme/runtime.d.ts +0 -2
  240. package/dist/theme/runtime.js +0 -84
  241. package/dist/theme/runtime.js.map +0 -1
  242. package/dist/theme/theme.d.ts +0 -6
  243. package/dist/theme/theme.js +0 -5
  244. package/dist/theme/theme.js.map +0 -1
  245. package/dist/utils/flash-attribute.js.map +0 -1
  246. package/dist/utils/scroll-lock.d.ts +0 -3
  247. package/dist/utils/scroll-lock.js.map +0 -1
  248. package/dist/utils/wait-for-css-transition.js.map +0 -1
  249. package/dist/utils/wait.js.map +0 -1
  250. package/src/animation/demos/animation.demo.tsx +0 -194
  251. package/src/animation/demos/spring.demo.tsx +0 -385
  252. package/src/components/accordion/accordion.tsx +0 -565
  253. package/src/components/accordion/demos/card.demo.tsx +0 -114
  254. package/src/components/accordion/demos/multiple.demo.tsx +0 -57
  255. package/src/components/accordion/demos/overview.demo.tsx +0 -57
  256. package/src/components/breadcrumbs/basic.demo.tsx +0 -18
  257. package/src/components/breadcrumbs/separator.demo.tsx +0 -19
  258. package/src/components/button/README.md +0 -44
  259. package/src/components/button/button.tsx +0 -286
  260. package/src/components/button/demos/aliases.demo.tsx +0 -28
  261. package/src/components/button/demos/basic.demo.tsx +0 -31
  262. package/src/components/button/demos/states.demo.tsx +0 -53
  263. package/src/components/combobox/overview.demo.tsx +0 -200
  264. package/src/components/glyph/README.md +0 -72
  265. package/src/components/glyph/glyph.tsx +0 -110
  266. package/src/components/listbox/overview.demo.tsx +0 -102
  267. package/src/components/menu/demos/bubbling.demo.tsx +0 -35
  268. package/src/components/menu/demos/context-trigger.demo.tsx +0 -133
  269. package/src/components/menu/demos/overview.demo.tsx +0 -77
  270. package/src/components/popover/overview.demo.tsx +0 -144
  271. package/src/components/select/deconstructed.demo.tsx +0 -96
  272. package/src/components/select/overview.demo.tsx +0 -52
  273. package/src/components/separator/separator.ts +0 -19
  274. package/src/components/tabs/README.md +0 -105
  275. package/src/components/tabs/tabs.tsx +0 -504
  276. package/src/runtime/demos/basic.demo.tsx +0 -21
  277. package/src/runtime/demos/controlled-uncontrolled-values.demo.tsx +0 -177
  278. package/src/runtime/demos/keyed-list.demo.tsx +0 -94
  279. package/src/theme/README.md +0 -103
  280. package/src/theme/contract.ts +0 -215
  281. package/src/theme/glyph-contract.ts +0 -59
  282. package/src/theme/presets/rmx-01/glyphs.tsx +0 -308
  283. package/src/theme/presets/rmx-01/index.ts +0 -123
  284. package/src/theme/runtime.ts +0 -119
  285. package/src/theme/theme.ts +0 -15
  286. package/src/utils/scroll-lock/README.md +0 -33
  287. /package/dist/{components/anchor/anchor.d.ts → anchor/index.d.ts} +0 -0
  288. /package/dist/{components/breadcrumbs/breadcrumbs.d.ts → breadcrumbs/index.d.ts} +0 -0
  289. /package/dist/{utils → listbox}/flash-attribute.d.ts +0 -0
  290. /package/dist/{utils → listbox}/flash-attribute.js +0 -0
  291. /package/dist/{components/menu → menu}/hover-aim.d.ts +0 -0
  292. /package/dist/{components/menu → menu}/hover-aim.js +0 -0
  293. /package/dist/{interactions/outside-click/outside-click-mixin.d.ts → popover/outside-click.d.ts} +0 -0
  294. /package/dist/{interactions/keydown → select}/keydown.d.ts +0 -0
  295. /package/dist/{interactions/keydown → select}/keydown.js +0 -0
  296. /package/dist/{interactions/typeahead/typeahead-mixin.d.ts → shared/typeahead.d.ts} +0 -0
  297. /package/dist/{utils → shared}/wait-for-css-transition.d.ts +0 -0
  298. /package/dist/{utils → shared}/wait-for-css-transition.js +0 -0
  299. /package/dist/{utils → shared}/wait.d.ts +0 -0
  300. /package/dist/{utils → shared}/wait.js +0 -0
  301. /package/src/{components/anchor/anchor.ts → anchor/index.ts} +0 -0
  302. /package/src/{utils → listbox}/flash-attribute.ts +0 -0
  303. /package/src/{components/menu → menu}/hover-aim.ts +0 -0
  304. /package/src/{interactions/outside-click/outside-click-mixin.ts → popover/outside-click.ts} +0 -0
  305. /package/src/{interactions/keydown → select}/keydown.ts +0 -0
  306. /package/src/{interactions/typeahead/typeahead-mixin.ts → shared/typeahead.ts} +0 -0
  307. /package/src/{utils → shared}/wait-for-css-transition.ts +0 -0
  308. /package/src/{utils → shared}/wait.ts +0 -0
@@ -1,54 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { css } from '@remix-run/ui';
3
- import * as button from '@remix-run/ui/button';
4
- import { Glyph } from '@remix-run/ui/glyph';
5
- import * as listbox from '@remix-run/ui/listbox';
6
- import * as popover from '@remix-run/ui/popover';
7
- import * as select from '@remix-run/ui/select';
8
- import { theme } from '@remix-run/ui/theme';
9
- /**
10
- * @name Select Deconstructed
11
- * @description Build a fully custom select by composing the select, popover, and listbox primitives directly.
12
- * @layout center
13
- */
14
- export default function Example(handle) {
15
- let label = 'Local';
16
- let value = 'local';
17
- let triggerId = `${handle.id}-trigger`;
18
- return () => (_jsxs("div", { mix: [
19
- stackCss,
20
- select.onSelectChange((event) => {
21
- label = event.label ?? 'Select an environment';
22
- value = event.value ?? 'null';
23
- void handle.update();
24
- }),
25
- ], children: [_jsx("p", { mix: labelCss, children: "Environment" }), _jsxs(select.Context, { defaultLabel: "Local", defaultValue: "local", name: "environment", children: [_jsxs("button", { id: triggerId, type: "button", mix: [button.baseStyle, select.triggerStyle, select.trigger(), selectCss], children: [_jsx("span", { mix: button.labelStyle, children: label }), _jsx(Glyph, { mix: button.iconStyle, name: "chevronVertical" })] }), _jsx(popover.Context, { children: _jsx("div", { mix: [popover.surfaceStyle, select.popover()], children: _jsx("div", { "aria-labelledby": triggerId, mix: [popover.contentStyle, listbox.listStyle, select.list()], children: environmentOptions.map((option) => (_jsxs("div", { mix: [listbox.optionStyle, select.option(option)], children: [_jsx(Glyph, { mix: listbox.glyphStyle, name: "check" }), _jsx("span", { mix: listbox.labelStyle, children: option.label })] }, option.value))) }) }) }), _jsx("input", { mix: select.hiddenInput() })] }), _jsx("p", { mix: valueCss, children: `value=${value}` })] }));
26
- }
27
- const environmentOptions = [
28
- { label: 'Local', value: 'local' },
29
- { label: 'Staging', value: 'staging' },
30
- { label: 'Production', value: 'production' },
31
- { disabled: true, label: 'Archived', value: 'archived' },
32
- ];
33
- const selectCss = css({
34
- width: '16rem',
35
- });
36
- const stackCss = css({
37
- display: 'flex',
38
- flexDirection: 'column',
39
- gap: theme.space.sm,
40
- width: '100%',
41
- });
42
- const labelCss = css({
43
- margin: 0,
44
- fontSize: theme.fontSize.xs,
45
- fontWeight: theme.fontWeight.semibold,
46
- color: theme.colors.text.primary,
47
- });
48
- const valueCss = css({
49
- margin: 0,
50
- fontFamily: theme.fontFamily.mono,
51
- fontSize: theme.fontSize.xs,
52
- color: theme.colors.text.secondary,
53
- });
54
- //# sourceMappingURL=deconstructed.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"deconstructed.demo.js","sourceRoot":"","sources":["../../../src/components/select/deconstructed.demo.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- /**
2
- * @name Select Overview
3
- * @description A styled select control with a searchable dropdown and accessible label.
4
- * @layout center
5
- */
6
- export default function Example(): () => import("@remix-run/ui").RemixElement;
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { css } from '@remix-run/ui';
3
- import { Option, Select } from '@remix-run/ui/select';
4
- import { theme } from '@remix-run/ui/theme';
5
- /**
6
- * @name Select Overview
7
- * @description A styled select control with a searchable dropdown and accessible label.
8
- * @layout center
9
- */
10
- export default function Example() {
11
- return () => (_jsxs("div", { mix: stackCss, children: [_jsx("label", { for: "fruit-select", mix: labelCss, children: "Choose a fruit" }), _jsxs(Select, { id: "fruit-select", defaultLabel: "Banana", defaultValue: "banana", name: "fruit", mix: selectCss, children: [_jsx(Option, { label: "Apple", value: "apple" }), _jsx(Option, { label: "Apricot", value: "apricot" }), _jsx(Option, { label: "Banana", value: "banana" }), _jsx(Option, { label: "Blackberry", value: "blackberry" }), _jsx(Option, { label: "Blackcurrant", value: "blackcurrant" }), _jsx(Option, { label: "Blueberry", value: "blueberry" }), _jsx(Option, { label: "Boysenberry", value: "boysenberry" }), _jsx(Option, { label: "Cantaloupe", value: "cantaloupe" })] })] }));
12
- }
13
- const selectCss = css({
14
- width: '16rem',
15
- });
16
- const stackCss = css({
17
- display: 'flex',
18
- flexDirection: 'column',
19
- gap: theme.space.sm,
20
- width: '100%',
21
- });
22
- const labelCss = css({
23
- margin: 0,
24
- fontSize: theme.fontSize.xs,
25
- fontWeight: theme.fontWeight.semibold,
26
- color: theme.colors.text.primary,
27
- });
28
- //# sourceMappingURL=overview.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overview.demo.js","sourceRoot":"","sources":["../../../src/components/select/overview.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,GAAG,EAAE,CAAC,CACX,eAAK,GAAG,EAAE,QAAQ,aAChB,gBAAO,GAAG,EAAC,cAAc,EAAC,GAAG,EAAE,QAAQ,+BAE/B,EACR,MAAC,MAAM,IACL,EAAE,EAAC,cAAc,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,EAAC,QAAQ,EACrB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,SAAS,aAEd,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACtC,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,EAC1C,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,EACxC,KAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,EAChD,KAAC,MAAM,IAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,GAAG,EACpD,KAAC,MAAM,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,GAAG,EAC9C,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,GAAG,EAClD,KAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,IACzC,IACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,CAAC;IACpB,KAAK,EAAE,OAAO;CACf,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC;IACnB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IACnB,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC;IACnB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;IAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ;IACrC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;CACjC,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,GAAG,EACH,EAAE,EACF,GAAG,GASJ,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,MAAM,qBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAA;AAC1C,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAA;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAG1C,MAAM,mBAAmB,GAAG,mBAA4B,CAAA;AACxD,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAa9B,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IACjC,KAAK,CAAe;IACpB,QAAQ,CAAe;IACvB,KAAK,CAAe;IAE7B,YAAY,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GAKN;QACC,KAAK,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;CACF;AAiDD,SAAS,cAAc,CAAC,MAAsD;IAC5E,IAAI,UAAyC,CAAA;IAC7C,IAAI,UAA0C,CAAA;IAC9C,IAAI,UAAmC,CAAA;IACvC,IAAI,iBAAqD,CAAA;IAEzD,IAAI,KAAK,GAAU,cAAc,CAAA;IAEjC,IAAI,KAAK,GAAyB,IAAI,CAAA;IACtC,IAAI,WAAW,GAAyB,IAAI,CAAA;IAC5C,IAAI,QAAQ,GAAuB,SAAS,CAAA;IAC5C,IAAI,UAAU,GAAuB,SAAS,CAAA;IAC9C,IAAI,aAAa,GAAG,EAAE,CAAA;IACtB,IAAI,cAAc,GAAG,EAAE,CAAA;IACvB,IAAI,aAAa,GAAkB,IAAI,CAAA;IAEvC,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhC,SAAS,IAAI;QACX,IAAI,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAM;QACvD,KAAK,GAAG,MAAM,CAAA;QACd,WAAW,GAAG,KAAK,CAAA;QACnB,MAAM,CAAC,MAAM,EAAE,CAAA;IACjB,CAAC;IAED,SAAS,mBAAmB;QAC1B,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,UAAU,CAAC,WAAW,IAAI,CAAA;IAC3D,CAAC;IAED,SAAS,uBAAuB;QAC9B,OAAO;YACL,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,iBAAiB;SAC9D,CAAA;IACH,CAAC;IAED,SAAS,kBAAkB;QACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,OAAM;QACR,CAAC;QAED,iBAAiB,CAAC,eAAe,GAAG,UAAU,IAAI,IAAI,CAAA;QACtD,iBAAiB,CAAC,MAAM,GAAG,UAAU;YACnC,CAAC,CAAC;gBACE,MAAM,EAAE,UAAU;gBAClB,OAAO,EAAE,uBAAuB,EAAE;aACnC;YACH,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAED,SAAS,KAAK;QACZ,IAAI,KAAK,KAAK,MAAM;YAAE,OAAM;QAC5B,KAAK,GAAG,QAAQ,CAAA;QAChB,MAAM,CAAC,MAAM,EAAE,CAAA;IACjB,CAAC;IAED,SAAS,iBAAiB,CACxB,SAA+B,EAC/B,MAAyC,EACzC,kBAAkB,GAAG,KAAK;QAE1B,KAAK,GAAG,SAAS,CAAA;QACjB,WAAW,GAAG,SAAS,CAAA;QACvB,QAAQ,GAAG,MAAM,EAAE,EAAE,CAAA;QACrB,UAAU,GAAG,MAAM,EAAE,EAAE,CAAA;QACvB,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAA;QACjE,kBAAkB,EAAE,CAAA;QAEpB,IAAI,kBAAkB,EAAE,CAAC;YACvB,cAAc,GAAG,aAAa,CAAA;QAChC,CAAC;IACH,CAAC;IAED,SAAS,gBAAgB,CACvB,SAA+B,EAC/B,MAAyC;QAEzC,IAAI,CAAC,MAAM,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACnC,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB,CAAA;IACH,CAAC;IAED,SAAS,cAAc,CAAC,MAAqB;QAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,IAAI,MAAM,GAAG,UAAU,IAAI,UAAU,CAAA;QACrC,MAAM,EAAE,aAAa,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,SAAS,YAAY,CACnB,SAA+B,EAC/B,MAAyC;QAEzC,IAAI,KAAK,KAAK,MAAM;YAAE,OAAM;QAC5B,aAAa,GAAG,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACnD,iBAAiB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACpC,MAAM,CAAC,MAAM,EAAE,CAAA;IACjB,CAAC;IAED,KAAK,UAAU,oBAAoB;QACjC,IAAI,KAAK,KAAK,MAAM;YAAE,OAAM;QAE5B,IAAI,MAAM,GAAG,aAAa,CAAA;QAC1B,aAAa,GAAG,IAAI,CAAA;QACpB,KAAK,GAAG,WAAW,CAAA;QAEnB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,cAAc,GAAG,aAAa,CAAA;YAC9B,KAAK,GAAG,QAAQ,CAAA;YAChB,IAAI,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,EAAE,CAAA;YAClC,IAAI,MAAM,CAAC,OAAO;gBAAE,OAAM;YAC1B,cAAc,CAAC,MAAM,CAAC,CAAA;YACtB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,oBAAoB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QACrF,MAAM,IAAI,CAAC,mBAAmB,CAAC,CAAA,CAAC,6CAA6C;QAC7E,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO;YAAE,OAAM;QACjC,cAAc,GAAG,aAAa,CAAA;QAC9B,KAAK,GAAG,QAAQ,CAAA;QAChB,IAAI,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,EAAE,CAAA;QAClC,IAAI,MAAM,CAAC,OAAO;YAAE,OAAM;QAC1B,cAAc,CAAC,MAAM,CAAC,CAAA;IACxB,CAAC;IAED,SAAS,oBAAoB,CAAC,IAAY;QACxC,IAAI,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAM;QAEvD,IAAI,MAAM,GAAG,UAAU,EAAE,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACrD,IAAI,CAAC,MAAM;YAAE,OAAM;QAEnB,IAAI,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACnD,aAAa,GAAG,IAAI,CAAA;QACpB,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;QAC7C,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACnC,IAAI,MAAM,CAAC,OAAO;gBAAE,OAAM;YAC1B,cAAc,CAAC,MAAM,CAAC,CAAA;QACxB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,eAAe,CACtB,eAAqC,EACrC,MAAyC;QAEzC,IAAI,KAAK,KAAK,MAAM;YAAE,OAAM;QAC5B,WAAW,GAAG,eAAe,CAAA;QAC7B,QAAQ,GAAG,MAAM,EAAE,EAAE,CAAA;QACrB,MAAM,CAAC,MAAM,EAAE,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QACjB,IAAI,QAAQ;YACV,OAAO,QAAQ,CAAA;QACjB,CAAC;QAED,IAAI,QAAQ;YACV,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;QAChC,CAAC;QAED,IAAI,cAAc;YAChB,OAAO,cAAc,CAAA;QACvB,CAAC;QAED,IAAI,UAAU;YACZ,OAAO,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,WAAW,CAAA;QAClD,CAAC;QAED,IAAI,MAAM;YACR,OAAO,KAAK,KAAK,MAAM,CAAA;QACzB,CAAC;QAED,IAAI,MAAM;YACR,OAAO,MAAM,CAAA;QACf,CAAC;QAED,IAAI,IAAI;YACN,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAA;QAC1B,CAAC;QAED,IAAI,UAAU;YACZ,OAAO,UAAU,CAAA;QACnB,CAAC;QAED,IAAI,KAAK;YACP,OAAO,KAAK,CAAA;QACd,CAAC;QAED,KAAK;QAEL,IAAI;QAEJ,eAAe,CAAC,IAAI;YAClB,UAAU,GAAG,IAAI,CAAA;QACnB,CAAC;QAED,eAAe,CAAC,IAAI;YAClB,UAAU,GAAG,IAAI,CAAA;YACjB,kBAAkB,EAAE,CAAA;QACtB,CAAC;QAED,sBAAsB,CAAC,OAAO;YAC5B,iBAAiB,GAAG,OAAO,CAAA;YAC3B,kBAAkB,EAAE,CAAA;QACtB,CAAC;QAED,oBAAoB;QAEpB,mBAAmB;QAEnB,iBAAiB,CAAC,IAAI;YACpB,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACxB,UAAU,GAAG,SAAS,CAAA;YACxB,CAAC;QACH,CAAC;QAED,wBAAwB,CAAC,OAAO;YAC9B,IAAI,iBAAiB,KAAK,OAAO,EAAE,CAAC;gBAClC,OAAM;YACR,CAAC;YAED,iBAAiB,CAAC,MAAM,GAAG,IAAI,CAAA;YAC/B,iBAAiB,CAAC,eAAe,GAAG,IAAI,CAAA;YACxC,iBAAiB,GAAG,SAAS,CAAA;QAC/B,CAAC;QAED,iBAAiB,CAAC,IAAI;YACpB,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACxB,UAAU,GAAG,SAAS,CAAA;gBACtB,kBAAkB,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE;QACV,IAAI,KAAK,KAAK,cAAc,EAAE,CAAC;YAC7B,aAAa,GAAG,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAA;YAC1D,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAA;YACzC,WAAW,GAAG,KAAK,CAAA;YACnB,KAAK,GAAG,QAAQ,CAAA;YAEhB,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;gBACpB,IAAI,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;oBAC9B,OAAM;gBACR,CAAC;gBAED,IAAI,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAA;gBACjE,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;oBAC5B,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAA;oBACxB,kBAAkB,EAAE,CAAA;oBACpB,MAAM,CAAC,MAAM,EAAE,CAAA;gBACjB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,CACL,KAAC,OAAO,CAAC,OAAO,IACd,cAAc,QACd,GAAG,EAAE,CAAC,cAAkC,EAAE,EAAE;gBAC1C,UAAU,GAAG,cAAc,CAAA;YAC7B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,EAC5B,uBAAuB,EAAC,mBAAmB,YAE1C,MAAM,CAAC,KAAK,CAAC,QAAQ,GACN,CACnB,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,MAA4B;IACpD,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,YAAY,GAAsD,WAAW,CAIjF,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEtC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;QAChB,KAAK,CAAC;YACJ,eAAe,EAAE,SAAS;YAC1B,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YACtD,eAAe,EAAE,OAAO,CAAC,MAAM;YAC/B,kBAAkB,EAAE,OAAO,CAAC,UAAU;YACtC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;SACnD,CAAC;QACF,GAAG,CAAC,CAAC,IAAuB,EAAE,MAAM,EAAE,EAAE;YACtC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;YAC7B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACpC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;QACF,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;QACpC,CAAC,CAAC;QACF,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACf,OAAO,CAAC,IAAI,EAAE,CAAA;QAChB,CAAC,CAAC;QACF,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE;YAC1B,OAAO,CAAC,IAAI,EAAE,CAAA;QAChB,CAAC,CAAC;QACF,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE;YACxB,OAAO,CAAC,IAAI,EAAE,CAAA;QAChB,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,YAAY,GAAgD,WAAW,CAI3E,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACtC,IAAI,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAEtD,OAAO,GAAG,EAAE,CAAC;QACX,GAAG,CAAC,CAAC,IAAiB,EAAE,MAAM,EAAE,EAAE;YAChC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;YAC7B,OAAO,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAA;YAC5C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACpC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;gBAC/B,OAAO,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAA;YAChD,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;QACF,OAAO,CAAC,OAAO,CAAC;YACd,IAAI,EAAE,OAAO,CAAC,MAAM;YACpB,MAAM,EAAE,OAAO,CAAC,KAAK;SACtB,CAAC;QACF,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3B,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;gBAC9B,OAAO,CAAC,mBAAmB,EAAE,CAAA;YAC/B,CAAC;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAgD,WAAW,CAIxE,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEtC,OAAO,GAAG,EAAE,CAAC;QACX,KAAK,CAAC;YACJ,EAAE,EAAE,OAAO,CAAC,MAAM;YAClB,uBAAuB,EAAE,OAAO,CAAC,QAAQ;SAC1C,CAAC;QACF,OAAO,CAAC,WAAW,EAAE;QACrB,OAAO,CAAC,IAAI,EAAE;KACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAqD,WAAW,CAIpF,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEtC,OAAO,GAAG,EAAE,CACV,KAAK,CAAC;QACJ,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAC7C,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE;KAC3B,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAuB,GAAG,CAAC;IAC/C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;IAClC,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IAC7B,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IAChC,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,qBAAqB;IAC1C,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IACnB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;IAC7B,eAAe,EAAE,MAAM;IACvB,MAAM,EAAE,yBAAyB;IACjC,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;IAC3B,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;IACnC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;IAClC,yHAAyH,EACvH;QACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;QACnC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACH,UAAU,EAAE;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;KACpC;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;QAC/C,aAAa,EAAE,KAAK;KACrB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAA;AAC5C,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAA;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAA;AAC3C,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAA;AAC7B,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;AACpC,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,CAAA;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAA;AAEnC,MAAM,MAAM,GAAG;IACb,OAAO;IACP,WAAW;IACX,IAAI;IACJ,MAAM;IACN,OAAO,EAAE,YAAY;IACrB,OAAO;CACC,CAAA;AAEV,MAAM,UAAU,cAAc,CAC5B,OAAoC,EACpC,cAAwB;IAExB,OAAO,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,cAAc,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,MAAc;IACjC,IAAI,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAEtC,OAAO,GAAG,EAAE,CAAC,eAAM,GAAG,EAAE,MAAM,CAAC,UAAU,YAAG,OAAO,CAAC,cAAc,GAAQ,CAAA;AAC5E,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,MAA2B;IAChD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QAEhG,OAAO,CACL,MAAC,MAAM,CAAC,OAAO,IACb,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,aAEV,qBAAY,WAAW,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,aACnF,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,iBAAiB,GAAG,IAChD,EACT,KAAC,OAAO,CAAC,OAAO,cACd,cAAK,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,YAChD,cAAK,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,YAAG,QAAQ,GAAO,GAChF,GACU,EACjB,IAAI,IAAI,gBAAO,GAAG,EAAE,MAAM,CAAC,WAAW,EAAE,GAAI,IAC9B,CAClB,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,MAAiC;IACtD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QAEpF,OAAO,CACL,kBACM,QAAQ,EACZ,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,CAAC,aAErF,KAAC,KAAK,IAAC,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,GAAG,EAC/C,eAAM,GAAG,EAAE,OAAO,CAAC,UAAU,YAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,GAAQ,IAClE,CACP,CAAA;IACH,CAAC,CAAA;AACH,CAAC"}
@@ -1,2 +0,0 @@
1
- import { type CSSMixinDescriptor } from '@remix-run/ui';
2
- export declare const separatorStyle: CSSMixinDescriptor;
@@ -1,15 +0,0 @@
1
- import { css } from '@remix-run/ui';
2
- import { theme } from "../../theme/theme.js";
3
- const itemInset = `var(--rmx-ui-item-inset, ${theme.space.sm})`;
4
- const itemIndicatorHalfInset = 'calc((var(--rmx-ui-item-indicator-width, 0px) + var(--rmx-ui-item-indicator-gap, 0px)) / 2)';
5
- const separatorCss = css({
6
- flexShrink: 0,
7
- margin: 0,
8
- marginBlock: theme.space.xs,
9
- marginInlineStart: `calc(${itemInset} + ${itemIndicatorHalfInset})`,
10
- marginInlineEnd: itemInset,
11
- border: 0,
12
- borderTop: `1px solid ${theme.colors.border.subtle}`,
13
- });
14
- export const separatorStyle = separatorCss;
15
- //# sourceMappingURL=separator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/separator/separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAA2B,MAAM,eAAe,CAAA;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE5C,MAAM,SAAS,GAAG,4BAA4B,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;AAC/D,MAAM,sBAAsB,GAC1B,6FAA6F,CAAA;AAE/F,MAAM,YAAY,GAAuB,GAAG,CAAC;IAC3C,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IAC3B,iBAAiB,EAAE,QAAQ,SAAS,MAAM,sBAAsB,GAAG;IACnE,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;CACrD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAA"}
@@ -1,78 +0,0 @@
1
- import { type CSSMixinDescriptor, type Dispatched, type ElementProps, type Handle, type Props, 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 declare const listStyle: CSSMixinDescriptor;
5
- export declare const triggerStyle: CSSMixinDescriptor;
6
- declare global {
7
- interface HTMLElementEventMap {
8
- [TABS_CHANGE_EVENT]: TabsChangeEvent;
9
- }
10
- }
11
- export declare class TabsChangeEvent extends Event {
12
- readonly previousValue: string | null;
13
- readonly value: string;
14
- constructor(value: string, previousValue: string | null);
15
- }
16
- export type TabsOrientation = 'horizontal' | 'vertical';
17
- type TabsDirection = 'first' | 'last' | 'next' | 'previous';
18
- type RegisteredTab = {
19
- disabled: boolean;
20
- getNode(): HTMLElement | null;
21
- value: string;
22
- };
23
- export interface TabsRef {
24
- readonly selectedValue: string | null;
25
- focus: (value?: string) => void;
26
- focusFirst: () => void;
27
- focusLast: () => void;
28
- select: (value: string) => void;
29
- }
30
- interface TabsContextValue {
31
- readonly focusableValue: string | null;
32
- readonly orientation: TabsOrientation;
33
- readonly value: string | null;
34
- getPanelId: (value: string) => string;
35
- getTriggerId: (value: string) => string;
36
- move: (fromValue: string, direction: TabsDirection) => void;
37
- registerTab: (tab: RegisteredTab) => void;
38
- select: (value: string) => void;
39
- }
40
- export interface TabsContextProps {
41
- children?: RemixNode;
42
- defaultValue?: string;
43
- onValueChange?: (value: string) => void;
44
- orientation?: TabsOrientation;
45
- ref?: (ref: TabsRef) => void;
46
- value?: string;
47
- }
48
- export interface TabsProps extends TabsContextProps {
49
- }
50
- export interface TabsTriggerOptions {
51
- disabled?: boolean;
52
- value: string;
53
- }
54
- export interface TabsPanelOptions {
55
- value: string;
56
- }
57
- export type TabsListProps = Props<'div'>;
58
- export type TabProps = Omit<Props<'button'>, 'type'> & {
59
- children?: RemixNode;
60
- disabled?: boolean;
61
- type?: 'button' | 'submit' | 'reset';
62
- value: string;
63
- };
64
- export type TabsPanelProps = Props<'div'> & {
65
- children?: RemixNode;
66
- value: string;
67
- };
68
- declare function TabsProvider(handle: Handle<TabsContextProps, TabsContextValue>): () => RemixNode;
69
- export declare const Context: typeof TabsProvider;
70
- export declare const list: import("@remix-run/ui").MixinFactory<HTMLElement, [], ElementProps>;
71
- export declare const panel: import("@remix-run/ui").MixinFactory<HTMLElement, [options: TabsPanelOptions], ElementProps>;
72
- export declare const trigger: import("@remix-run/ui").MixinFactory<HTMLElement, [options: TabsTriggerOptions], ElementProps>;
73
- export declare function onTabsChange<target extends HTMLElement>(handler: TabsChangeHandler<target>, captureBoolean?: boolean): import("@remix-run/ui").MixinDescriptor<target, ["rmx:tabs-change", (event: import("../../runtime/event-listeners.ts").EnsureEvent<import("../../runtime/event-listeners.ts").EventMap<target>["rmx:tabs-change"], target>, signal: AbortSignal) => void | Promise<void>, (boolean | undefined)?], ElementProps>;
74
- export declare function Tabs(handle: Handle<TabsProps>): () => import("@remix-run/ui").RemixElement;
75
- export declare function TabsList(handle: Handle<TabsListProps>): () => import("@remix-run/ui").RemixElement;
76
- export declare function Tab(handle: Handle<TabProps>): () => import("@remix-run/ui").RemixElement;
77
- export declare function TabsPanel(handle: Handle<TabsPanelProps>): () => import("@remix-run/ui").RemixElement;
78
- export {};
@@ -1,339 +0,0 @@
1
- import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
2
- import { attrs, css, createElement, createMixin, on, } from '@remix-run/ui';
3
- import * as button from "../button/button.js";
4
- import { theme } from "../../theme/theme.js";
5
- const TABS_CHANGE_EVENT = 'rmx:tabs-change';
6
- const tabsListCss = css({
7
- display: 'inline-flex',
8
- alignItems: 'center',
9
- gap: theme.space.xs,
10
- minWidth: 0,
11
- padding: theme.space.xs,
12
- border: `1px solid ${theme.colors.border.subtle}`,
13
- borderRadius: theme.radius.xl,
14
- backgroundColor: theme.surface.lvl2,
15
- });
16
- const tabsTriggerCss = css({
17
- justifyContent: 'flex-start',
18
- minHeight: theme.control.height.md,
19
- paddingInline: theme.space.md,
20
- border: '1px solid transparent',
21
- borderRadius: theme.radius.md,
22
- backgroundColor: 'transparent',
23
- color: theme.colors.text.secondary,
24
- fontSize: theme.fontSize.md,
25
- '&:hover:not(:disabled):not([aria-disabled="true"])': {
26
- color: theme.colors.text.primary,
27
- },
28
- '&:focus-visible': {
29
- outline: `2px solid ${theme.colors.focus.ring}`,
30
- outlineOffset: '2px',
31
- color: theme.colors.text.primary,
32
- },
33
- '&[aria-selected="true"], &[aria-selected="true"]:hover, &[aria-selected="true"]:focus-visible': {
34
- backgroundColor: theme.surface.lvl0,
35
- borderColor: theme.colors.border.subtle,
36
- boxShadow: theme.shadow.xs,
37
- color: theme.colors.text.primary,
38
- },
39
- '&:disabled, &[aria-disabled="true"]': {
40
- opacity: 0.55,
41
- },
42
- });
43
- export const listStyle = tabsListCss;
44
- export const triggerStyle = tabsTriggerCss;
45
- const panelVisibilityUtility = css({
46
- '&[hidden]': {
47
- display: 'none',
48
- },
49
- });
50
- export class TabsChangeEvent extends Event {
51
- previousValue;
52
- value;
53
- constructor(value, previousValue) {
54
- super(TABS_CHANGE_EVENT, { bubbles: true });
55
- this.value = value;
56
- this.previousValue = previousValue;
57
- }
58
- }
59
- function getTabsContext(handle) {
60
- return handle.context.get(TabsProvider);
61
- }
62
- function toIdFragment(value) {
63
- let fragment = value.replace(/[^a-zA-Z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');
64
- return fragment || 'tab';
65
- }
66
- function TabsProvider(handle) {
67
- let registeredTabs = [];
68
- let hasInitialized = false;
69
- let uncontrolledValue = null;
70
- function getValue() {
71
- return handle.props.value !== undefined ? handle.props.value : uncontrolledValue;
72
- }
73
- function getOrientation() {
74
- return handle.props.orientation ?? 'horizontal';
75
- }
76
- function isActiveTab(tab) {
77
- return !!tab && !tab.disabled && !!tab.getNode()?.isConnected;
78
- }
79
- function getTab(value) {
80
- if (value == null) {
81
- return undefined;
82
- }
83
- return registeredTabs.find((tab) => tab.value === value);
84
- }
85
- function getEnabledTabs() {
86
- return registeredTabs.filter(isActiveTab);
87
- }
88
- function getFocusableValue() {
89
- let currentValue = getValue();
90
- let currentTab = getTab(currentValue);
91
- if (isActiveTab(currentTab)) {
92
- return currentValue;
93
- }
94
- return getEnabledTabs()[0]?.value ?? null;
95
- }
96
- function getTargetTab(fromValue, direction) {
97
- let enabledTabs = getEnabledTabs();
98
- if (enabledTabs.length === 0) {
99
- return undefined;
100
- }
101
- let currentIndex = enabledTabs.findIndex((tab) => tab.value === fromValue);
102
- let targetIndex = 0;
103
- switch (direction) {
104
- case 'first':
105
- targetIndex = 0;
106
- break;
107
- case 'last':
108
- targetIndex = enabledTabs.length - 1;
109
- break;
110
- case 'next':
111
- targetIndex =
112
- currentIndex === -1 || currentIndex === enabledTabs.length - 1 ? 0 : currentIndex + 1;
113
- break;
114
- case 'previous':
115
- targetIndex = currentIndex <= 0 ? enabledTabs.length - 1 : currentIndex - 1;
116
- break;
117
- }
118
- return enabledTabs[targetIndex];
119
- }
120
- function dispatchChange(value, previousValue) {
121
- getTab(value)?.getNode()?.dispatchEvent(new TabsChangeEvent(value, previousValue));
122
- }
123
- function select(value) {
124
- let nextTab = getTab(value);
125
- if (!isActiveTab(nextTab)) {
126
- return;
127
- }
128
- let previousValue = getValue();
129
- if (previousValue === value) {
130
- return;
131
- }
132
- if (handle.props.value === undefined) {
133
- uncontrolledValue = value;
134
- void handle.update();
135
- }
136
- handle.props.onValueChange?.(value);
137
- dispatchChange(value, previousValue ?? null);
138
- }
139
- let tabsRef = {
140
- get selectedValue() {
141
- return getValue();
142
- },
143
- focus(value = getFocusableValue() ?? undefined) {
144
- getTab(value)?.getNode()?.focus();
145
- },
146
- focusFirst() {
147
- getTargetTab(getFocusableValue() ?? '', 'first')
148
- ?.getNode()
149
- ?.focus();
150
- },
151
- focusLast() {
152
- getTargetTab(getFocusableValue() ?? '', 'last')
153
- ?.getNode()
154
- ?.focus();
155
- },
156
- select,
157
- };
158
- handle.context.set({
159
- get focusableValue() {
160
- return getFocusableValue();
161
- },
162
- get orientation() {
163
- return getOrientation();
164
- },
165
- get value() {
166
- return getValue();
167
- },
168
- getPanelId(value) {
169
- return `${handle.id}-panel-${toIdFragment(value)}`;
170
- },
171
- getTriggerId(value) {
172
- return `${handle.id}-trigger-${toIdFragment(value)}`;
173
- },
174
- move(fromValue, direction) {
175
- let target = getTargetTab(fromValue, direction);
176
- if (!target) {
177
- return;
178
- }
179
- target.getNode()?.focus();
180
- select(target.value);
181
- },
182
- registerTab(tab) {
183
- registeredTabs.push(tab);
184
- },
185
- select,
186
- });
187
- return () => {
188
- registeredTabs = [];
189
- if (!hasInitialized) {
190
- uncontrolledValue = handle.props.defaultValue ?? null;
191
- hasInitialized = true;
192
- }
193
- handle.queueTask(() => {
194
- handle.props.ref?.(tabsRef);
195
- if (handle.props.value !== undefined) {
196
- return;
197
- }
198
- let nextValue = getFocusableValue();
199
- if (nextValue === uncontrolledValue) {
200
- return;
201
- }
202
- uncontrolledValue = nextValue;
203
- void handle.update();
204
- });
205
- return handle.props.children;
206
- };
207
- }
208
- const listMixin = createMixin((handle) => {
209
- let context = getTabsContext(handle);
210
- return () => attrs({
211
- role: 'tablist',
212
- 'aria-orientation': context.orientation === 'vertical' ? 'vertical' : undefined,
213
- 'data-orientation': context.orientation,
214
- });
215
- });
216
- const triggerMixin = createMixin((handle) => {
217
- let triggerRef = null;
218
- let context = getTabsContext(handle);
219
- handle.queueTask((node) => {
220
- triggerRef = node;
221
- });
222
- return (options, props) => {
223
- let disabled = options.disabled === true || props.disabled === true;
224
- context.registerTab({
225
- disabled,
226
- getNode() {
227
- return triggerRef;
228
- },
229
- value: options.value,
230
- });
231
- return [
232
- attrs({
233
- id: context.getTriggerId(options.value),
234
- role: 'tab',
235
- tabIndex: !disabled && context.focusableValue === options.value ? 0 : -1,
236
- 'aria-controls': context.getPanelId(options.value),
237
- 'aria-disabled': disabled ? 'true' : undefined,
238
- 'aria-selected': context.value === options.value ? 'true' : 'false',
239
- 'data-orientation': context.orientation,
240
- 'data-selected': context.value === options.value ? 'true' : 'false',
241
- }),
242
- !disabled && [
243
- on('click', () => {
244
- context.select(options.value);
245
- }),
246
- on('keydown', (event) => {
247
- switch (event.key) {
248
- case 'ArrowRight':
249
- if (context.orientation !== 'horizontal') {
250
- return;
251
- }
252
- event.preventDefault();
253
- context.move(options.value, 'next');
254
- break;
255
- case 'ArrowLeft':
256
- if (context.orientation !== 'horizontal') {
257
- return;
258
- }
259
- event.preventDefault();
260
- context.move(options.value, 'previous');
261
- break;
262
- case 'ArrowDown':
263
- if (context.orientation !== 'vertical') {
264
- return;
265
- }
266
- event.preventDefault();
267
- context.move(options.value, 'next');
268
- break;
269
- case 'ArrowUp':
270
- if (context.orientation !== 'vertical') {
271
- return;
272
- }
273
- event.preventDefault();
274
- context.move(options.value, 'previous');
275
- break;
276
- case 'Home':
277
- event.preventDefault();
278
- context.move(options.value, 'first');
279
- break;
280
- case 'End':
281
- event.preventDefault();
282
- context.move(options.value, 'last');
283
- break;
284
- }
285
- }),
286
- ],
287
- ];
288
- };
289
- });
290
- const panelMixin = createMixin((handle) => {
291
- let context = getTabsContext(handle);
292
- return (options) => {
293
- let isSelected = context.value === options.value;
294
- return [
295
- attrs({
296
- id: context.getPanelId(options.value),
297
- role: 'tabpanel',
298
- hidden: isSelected ? undefined : true,
299
- 'aria-labelledby': context.getTriggerId(options.value),
300
- 'data-orientation': context.orientation,
301
- 'data-selected': isSelected ? 'true' : 'false',
302
- }),
303
- panelVisibilityUtility,
304
- ];
305
- };
306
- });
307
- export const Context = TabsProvider;
308
- export const list = listMixin;
309
- export const panel = panelMixin;
310
- export const trigger = triggerMixin;
311
- const tabs = { Context, list, panel, trigger };
312
- export function onTabsChange(handler, captureBoolean) {
313
- return on(TABS_CHANGE_EVENT, handler, captureBoolean);
314
- }
315
- export function Tabs(handle) {
316
- return () => {
317
- let { children, ...contextProps } = handle.props;
318
- return _jsx(tabs.Context, { ...contextProps, children: children });
319
- };
320
- }
321
- export function TabsList(handle) {
322
- return () => {
323
- let { children, mix, ...divProps } = handle.props;
324
- return (_jsx("div", { ...divProps, mix: [listStyle, tabs.list(), mix], children: children }));
325
- };
326
- }
327
- export function Tab(handle) {
328
- return () => {
329
- let { children, disabled, mix, type, value, ...buttonProps } = handle.props;
330
- return (_jsx("button", { ...buttonProps, disabled: disabled ? true : undefined, mix: [button.baseStyle, triggerStyle, tabs.trigger({ disabled, value }), mix], type: type ?? 'button', children: children }));
331
- };
332
- }
333
- export function TabsPanel(handle) {
334
- return () => {
335
- let { children, mix, value, ...divProps } = handle.props;
336
- return (_jsx("div", { ...divProps, mix: [tabs.panel({ value }), mix], children: children }));
337
- };
338
- }
339
- //# sourceMappingURL=tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"keydown.js","sourceRoot":"","sources":["../../../src/interactions/keydown/keydown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAIlC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CACrB,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IACtB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;AACH,CAAC,CAAC,CACL,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"outside-click-mixin.js","sourceRoot":"","sources":["../../../src/interactions/outside-click/outside-click-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,cAAc,GAAG,WAAW,CAQhC,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,IAAI,OAAO,GAAkC,GAAG,EAAE,GAAE,CAAC,CAAA;IACrD,IAAI,cAAc,GAAwB,GAAG,EAAE,CAAC,KAAK,CAAA;IACrD,IAAI,eAAe,GAAG,IAAI,CAAA;IAE1B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACrB,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,CAAA;QAE5B,GAAG,CAAC,gBAAgB,CAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE;YACR,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAE/D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7E,OAAM;YACR,CAAC;YAED,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,eAAe,EAAE,CAAA;YACzB,CAAC;YAED,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CACzC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,UAAU,EACV,WAAW,EACX,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,EAChC,mBAAmB,GAAG,IAAI,EAC1B,EAAE;QACF,MAAM,GAAG,UAAU,CAAA;QACnB,OAAO,GAAG,WAAW,CAAA;QACrB,cAAc,GAAG,kBAAkB,CAAA;QACnC,eAAe,GAAG,mBAAmB,CAAA;IACvC,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"typeahead-mixin.js","sourceRoot":"","sources":["../../../src/interactions/typeahead/typeahead-mixin.ts"],"names":[],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- import { type Handle } from '@remix-run/ui';
2
- /**
3
- * @name Basic Counter
4
- * @description The smallest interactive Remix UI counter from the standalone demos.
5
- */
6
- export default function App(handle: Handle): () => import("@remix-run/ui").RemixElement;
@@ -1,16 +0,0 @@
1
- import { jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
2
- import { on } from '@remix-run/ui';
3
- /**
4
- * @name Basic Counter
5
- * @description The smallest interactive Remix UI counter from the standalone demos.
6
- */
7
- export default function App(handle) {
8
- let count = 0;
9
- return () => (_jsxs("button", { mix: [
10
- on('click', () => {
11
- count++;
12
- handle.update();
13
- }),
14
- ], children: ["Ye ol' counter: ", count] }));
15
- }
16
- //# sourceMappingURL=basic.demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"basic.demo.js","sourceRoot":"","sources":["../../../src/runtime/demos/basic.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,eAAe,CAAA;AAE/C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,MAAc;IACxC,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,OAAO,GAAG,EAAE,CAAC,CACX,kBACE,GAAG,EAAE;YACH,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;gBACf,KAAK,EAAE,CAAA;gBACP,MAAM,CAAC,MAAM,EAAE,CAAA;YACjB,CAAC,CAAC;SACH,iCAEgB,KAAK,IACf,CACV,CAAA;AACH,CAAC"}