aidos-ui 4.0.4 → 4.0.5

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 (376) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +23 -3
  3. package/dist/index.d.ts +797 -68
  4. package/dist/index.js +3868 -68
  5. package/dist/index.js.map +1 -1
  6. package/dist/jsx-dev-runtime.d.ts +6 -2
  7. package/dist/jsx-dev-runtime.js +87 -42
  8. package/dist/jsx-dev-runtime.js.map +1 -1
  9. package/dist/jsx-runtime.d.ts +1 -1
  10. package/dist/jsx-runtime.js +2 -2
  11. package/dist/jsx-runtime.js.map +1 -1
  12. package/dist/vite-plugin-jss-debug.d.ts +3 -1
  13. package/dist/vite-plugin-jss-debug.js +57 -74
  14. package/dist/vite-plugin-jss-debug.js.map +1 -1
  15. package/package.json +58 -27
  16. package/.prettierrc +0 -4
  17. package/CLAUDE.md +0 -72
  18. package/dist/Badge.d.ts +0 -6
  19. package/dist/Badge.js +0 -22
  20. package/dist/Badge.js.map +0 -1
  21. package/dist/BaseButton.d.ts +0 -14
  22. package/dist/BaseButton.js +0 -23
  23. package/dist/BaseButton.js.map +0 -1
  24. package/dist/BaseInput.d.ts +0 -14
  25. package/dist/BaseInput.js +0 -15
  26. package/dist/BaseInput.js.map +0 -1
  27. package/dist/BaseLink.d.ts +0 -18
  28. package/dist/BaseLink.js +0 -29
  29. package/dist/BaseLink.js.map +0 -1
  30. package/dist/BaseList.d.ts +0 -6
  31. package/dist/BaseList.js +0 -14
  32. package/dist/BaseList.js.map +0 -1
  33. package/dist/BaseListAddOn.d.ts +0 -5
  34. package/dist/BaseListAddOn.js +0 -7
  35. package/dist/BaseListAddOn.js.map +0 -1
  36. package/dist/BaseListItem.d.ts +0 -26
  37. package/dist/BaseListItem.js +0 -29
  38. package/dist/BaseListItem.js.map +0 -1
  39. package/dist/BaseView.d.ts +0 -12
  40. package/dist/BaseView.js +0 -26
  41. package/dist/BaseView.js.map +0 -1
  42. package/dist/Box.d.ts +0 -4
  43. package/dist/Box.js +0 -6
  44. package/dist/Box.js.map +0 -1
  45. package/dist/Button.d.ts +0 -20
  46. package/dist/Button.js +0 -19
  47. package/dist/Button.js.map +0 -1
  48. package/dist/Calendar.d.ts +0 -18
  49. package/dist/Calendar.js +0 -57
  50. package/dist/Calendar.js.map +0 -1
  51. package/dist/Card.d.ts +0 -4
  52. package/dist/Card.js +0 -14
  53. package/dist/Card.js.map +0 -1
  54. package/dist/Checkbox.d.ts +0 -11
  55. package/dist/Checkbox.js +0 -32
  56. package/dist/Checkbox.js.map +0 -1
  57. package/dist/Circle.d.ts +0 -5
  58. package/dist/Circle.js +0 -12
  59. package/dist/Circle.js.map +0 -1
  60. package/dist/Column.d.ts +0 -6
  61. package/dist/Column.js +0 -7
  62. package/dist/Column.js.map +0 -1
  63. package/dist/DarkMode.d.ts +0 -13
  64. package/dist/DarkMode.js +0 -62
  65. package/dist/DarkMode.js.map +0 -1
  66. package/dist/DateInput.d.ts +0 -13
  67. package/dist/DateInput.js +0 -29
  68. package/dist/DateInput.js.map +0 -1
  69. package/dist/DatePicker.d.ts +0 -11
  70. package/dist/DatePicker.js +0 -34
  71. package/dist/DatePicker.js.map +0 -1
  72. package/dist/DatetimeInput.d.ts +0 -13
  73. package/dist/DatetimeInput.js +0 -31
  74. package/dist/DatetimeInput.js.map +0 -1
  75. package/dist/DesignBook.d.ts +0 -1
  76. package/dist/DesignBook.js +0 -55
  77. package/dist/DesignBook.js.map +0 -1
  78. package/dist/Dialog.d.ts +0 -17
  79. package/dist/Dialog.js +0 -92
  80. package/dist/Dialog.js.map +0 -1
  81. package/dist/Dropdown.d.ts +0 -14
  82. package/dist/Dropdown.js +0 -65
  83. package/dist/Dropdown.js.map +0 -1
  84. package/dist/Emitter.d.ts +0 -6
  85. package/dist/Emitter.js +0 -19
  86. package/dist/Emitter.js.map +0 -1
  87. package/dist/FlexLayout.d.ts +0 -11
  88. package/dist/FlexLayout.js +0 -18
  89. package/dist/FlexLayout.js.map +0 -1
  90. package/dist/Icon.d.ts +0 -12
  91. package/dist/Icon.js +0 -60
  92. package/dist/Icon.js.map +0 -1
  93. package/dist/IconButton.d.ts +0 -11
  94. package/dist/IconButton.js +0 -34
  95. package/dist/IconButton.js.map +0 -1
  96. package/dist/IconLink.d.ts +0 -9
  97. package/dist/IconLink.js +0 -32
  98. package/dist/IconLink.js.map +0 -1
  99. package/dist/IconType.d.ts +0 -1
  100. package/dist/IconType.js +0 -2
  101. package/dist/IconType.js.map +0 -1
  102. package/dist/Interactable.d.ts +0 -50
  103. package/dist/Interactable.js +0 -169
  104. package/dist/Interactable.js.map +0 -1
  105. package/dist/JSSComment.d.ts +0 -10
  106. package/dist/JSSComment.js +0 -52
  107. package/dist/JSSComment.js.map +0 -1
  108. package/dist/Link.d.ts +0 -22
  109. package/dist/Link.js +0 -29
  110. package/dist/Link.js.map +0 -1
  111. package/dist/List.d.ts +0 -15
  112. package/dist/List.js +0 -29
  113. package/dist/List.js.map +0 -1
  114. package/dist/ListButtonItem.d.ts +0 -14
  115. package/dist/ListButtonItem.js +0 -11
  116. package/dist/ListButtonItem.js.map +0 -1
  117. package/dist/ListDivider.d.ts +0 -1
  118. package/dist/ListDivider.js +0 -12
  119. package/dist/ListDivider.js.map +0 -1
  120. package/dist/ListHeaderItem.d.ts +0 -10
  121. package/dist/ListHeaderItem.js +0 -15
  122. package/dist/ListHeaderItem.js.map +0 -1
  123. package/dist/ListItem.d.ts +0 -9
  124. package/dist/ListItem.js +0 -9
  125. package/dist/ListItem.js.map +0 -1
  126. package/dist/ListLinkItem.d.ts +0 -16
  127. package/dist/ListLinkItem.js +0 -11
  128. package/dist/ListLinkItem.js.map +0 -1
  129. package/dist/ListSpacer.d.ts +0 -1
  130. package/dist/ListSpacer.js +0 -13
  131. package/dist/ListSpacer.js.map +0 -1
  132. package/dist/MenuIcon.d.ts +0 -5
  133. package/dist/MenuIcon.js +0 -31
  134. package/dist/MenuIcon.js.map +0 -1
  135. package/dist/NextJSRouter.d.ts +0 -1
  136. package/dist/NextJSRouter.js +0 -37
  137. package/dist/NextJSRouter.js.map +0 -1
  138. package/dist/NextJSRouterState.d.ts +0 -38
  139. package/dist/NextJSRouterState.js +0 -111
  140. package/dist/NextJSRouterState.js.map +0 -1
  141. package/dist/OnVisible.d.ts +0 -5
  142. package/dist/OnVisible.js +0 -28
  143. package/dist/OnVisible.js.map +0 -1
  144. package/dist/Popover.d.ts +0 -22
  145. package/dist/Popover.js +0 -90
  146. package/dist/Popover.js.map +0 -1
  147. package/dist/ProgressBar.d.ts +0 -7
  148. package/dist/ProgressBar.js +0 -42
  149. package/dist/ProgressBar.js.map +0 -1
  150. package/dist/ProgressCircle.d.ts +0 -5
  151. package/dist/ProgressCircle.js +0 -12
  152. package/dist/ProgressCircle.js.map +0 -1
  153. package/dist/Providers.d.ts +0 -9
  154. package/dist/Providers.js +0 -16
  155. package/dist/Providers.js.map +0 -1
  156. package/dist/RangeInput.d.ts +0 -14
  157. package/dist/RangeInput.js +0 -32
  158. package/dist/RangeInput.js.map +0 -1
  159. package/dist/ResultOrError.d.ts +0 -13
  160. package/dist/ResultOrError.js +0 -7
  161. package/dist/ResultOrError.js.map +0 -1
  162. package/dist/RootView.d.ts +0 -5
  163. package/dist/RootView.js +0 -35
  164. package/dist/RootView.js.map +0 -1
  165. package/dist/Row.d.ts +0 -6
  166. package/dist/Row.js +0 -7
  167. package/dist/Row.js.map +0 -1
  168. package/dist/Select.d.ts +0 -9
  169. package/dist/Select.js +0 -17
  170. package/dist/Select.js.map +0 -1
  171. package/dist/StackContext.d.ts +0 -8
  172. package/dist/StackContext.js +0 -25
  173. package/dist/StackContext.js.map +0 -1
  174. package/dist/StaticCheckbox.d.ts +0 -16
  175. package/dist/StaticCheckbox.js +0 -48
  176. package/dist/StaticCheckbox.js.map +0 -1
  177. package/dist/Storage.d.ts +0 -13
  178. package/dist/Storage.js +0 -146
  179. package/dist/Storage.js.map +0 -1
  180. package/dist/Stream.d.ts +0 -9
  181. package/dist/Stream.js +0 -36
  182. package/dist/Stream.js.map +0 -1
  183. package/dist/Sublist.d.ts +0 -12
  184. package/dist/Sublist.js +0 -18
  185. package/dist/Sublist.js.map +0 -1
  186. package/dist/SubmitIconInput.d.ts +0 -8
  187. package/dist/SubmitIconInput.js +0 -25
  188. package/dist/SubmitIconInput.js.map +0 -1
  189. package/dist/Tabs.d.ts +0 -23
  190. package/dist/Tabs.js +0 -39
  191. package/dist/Tabs.js.map +0 -1
  192. package/dist/Text.d.ts +0 -25
  193. package/dist/Text.js +0 -52
  194. package/dist/Text.js.map +0 -1
  195. package/dist/TextArea.d.ts +0 -11
  196. package/dist/TextArea.js +0 -27
  197. package/dist/TextArea.js.map +0 -1
  198. package/dist/TextInput.d.ts +0 -15
  199. package/dist/TextInput.js +0 -61
  200. package/dist/TextInput.js.map +0 -1
  201. package/dist/TextInputWithState.d.ts +0 -8
  202. package/dist/TextInputWithState.js +0 -14
  203. package/dist/TextInputWithState.js.map +0 -1
  204. package/dist/TextPairing.d.ts +0 -21
  205. package/dist/TextPairing.js +0 -26
  206. package/dist/TextPairing.js.map +0 -1
  207. package/dist/TimeInput.d.ts +0 -15
  208. package/dist/TimeInput.js +0 -58
  209. package/dist/TimeInput.js.map +0 -1
  210. package/dist/Tooltip.d.ts +0 -11
  211. package/dist/Tooltip.js +0 -73
  212. package/dist/Tooltip.js.map +0 -1
  213. package/dist/aria.d.ts +0 -8
  214. package/dist/aria.js +0 -42
  215. package/dist/aria.js.map +0 -1
  216. package/dist/guid.d.ts +0 -1
  217. package/dist/guid.js +0 -7
  218. package/dist/guid.js.map +0 -1
  219. package/dist/hash.d.ts +0 -1
  220. package/dist/hash.js +0 -20
  221. package/dist/hash.js.map +0 -1
  222. package/dist/isServer.d.ts +0 -1
  223. package/dist/isServer.js +0 -4
  224. package/dist/isServer.js.map +0 -1
  225. package/dist/jss.d.ts +0 -122
  226. package/dist/jss.js +0 -515
  227. package/dist/jss.js.map +0 -1
  228. package/dist/numberToBase.d.ts +0 -1
  229. package/dist/numberToBase.js +0 -44
  230. package/dist/numberToBase.js.map +0 -1
  231. package/dist/stateMachineContextFactory.d.ts +0 -36
  232. package/dist/stateMachineContextFactory.js +0 -48
  233. package/dist/stateMachineContextFactory.js.map +0 -1
  234. package/dist/useCookie.d.ts +0 -9
  235. package/dist/useCookie.js +0 -67
  236. package/dist/useCookie.js.map +0 -1
  237. package/dist/useKeyboard.d.ts +0 -8
  238. package/dist/useKeyboard.js +0 -26
  239. package/dist/useKeyboard.js.map +0 -1
  240. package/dist/useNavigation.d.ts +0 -5
  241. package/dist/useNavigation.js +0 -79
  242. package/dist/useNavigation.js.map +0 -1
  243. package/dist/usePromise.d.ts +0 -1
  244. package/dist/usePromise.js +0 -12
  245. package/dist/usePromise.js.map +0 -1
  246. package/dist/useRefEffect.d.ts +0 -1
  247. package/dist/useRefEffect.js +0 -15
  248. package/dist/useRefEffect.js.map +0 -1
  249. package/jss-debug-loader.mjs +0 -44
  250. package/next-env.d.ts +0 -6
  251. package/next.config.js +0 -33
  252. package/scripts/embeddings.js +0 -93
  253. package/scripts/openai_embeddings.js +0 -100
  254. package/scripts/publish.js +0 -28
  255. package/scripts/test_embeddings.js +0 -47
  256. package/src/Badge.tsx +0 -36
  257. package/src/BaseButton.tsx +0 -62
  258. package/src/BaseInput.tsx +0 -63
  259. package/src/BaseLink.tsx +0 -80
  260. package/src/BaseList.tsx +0 -26
  261. package/src/BaseListAddOn.tsx +0 -10
  262. package/src/BaseListItem.tsx +0 -119
  263. package/src/BaseView.tsx +0 -57
  264. package/src/Box.tsx +0 -20
  265. package/src/Button.tsx +0 -90
  266. package/src/Calendar.tsx +0 -123
  267. package/src/Card.tsx +0 -30
  268. package/src/Checkbox.tsx +0 -63
  269. package/src/Circle.tsx +0 -24
  270. package/src/Column.tsx +0 -12
  271. package/src/DarkMode.tsx +0 -100
  272. package/src/DateInput.tsx +0 -63
  273. package/src/DatePicker.tsx +0 -67
  274. package/src/DatetimeInput.tsx +0 -64
  275. package/src/DesignBook.tsx +0 -677
  276. package/src/Dialog.tsx +0 -150
  277. package/src/Dropdown.tsx +0 -146
  278. package/src/Emitter.ts +0 -26
  279. package/src/FlexLayout.tsx +0 -53
  280. package/src/Icon.tsx +0 -80
  281. package/src/IconButton.tsx +0 -81
  282. package/src/IconLink.tsx +0 -59
  283. package/src/IconType.ts +0 -787
  284. package/src/Interactable.tsx +0 -210
  285. package/src/JSSComment.tsx +0 -56
  286. package/src/Link.tsx +0 -110
  287. package/src/List.tsx +0 -58
  288. package/src/ListButtonItem.tsx +0 -69
  289. package/src/ListDivider.tsx +0 -13
  290. package/src/ListHeaderItem.tsx +0 -45
  291. package/src/ListItem.tsx +0 -24
  292. package/src/ListLinkItem.tsx +0 -76
  293. package/src/ListSpacer.tsx +0 -14
  294. package/src/MenuIcon.tsx +0 -50
  295. package/src/NextJSRouter.tsx +0 -60
  296. package/src/NextJSRouterState.tsx +0 -154
  297. package/src/OnVisible.tsx +0 -42
  298. package/src/Popover.tsx +0 -145
  299. package/src/ProgressBar.tsx +0 -63
  300. package/src/ProgressCircle.tsx +0 -38
  301. package/src/Providers.tsx +0 -33
  302. package/src/RangeInput.tsx +0 -82
  303. package/src/ResultOrError.ts +0 -15
  304. package/src/RootView.tsx +0 -55
  305. package/src/Row.tsx +0 -12
  306. package/src/Select.tsx +0 -39
  307. package/src/StackContext.tsx +0 -52
  308. package/src/StaticCheckbox.tsx +0 -72
  309. package/src/Storage.tsx +0 -198
  310. package/src/Stream.tsx +0 -50
  311. package/src/Sublist.tsx +0 -61
  312. package/src/SubmitIconInput.tsx +0 -45
  313. package/src/Tabs.tsx +0 -110
  314. package/src/Text.tsx +0 -111
  315. package/src/TextArea.tsx +0 -58
  316. package/src/TextInput.tsx +0 -123
  317. package/src/TextInputWithState.tsx +0 -32
  318. package/src/TextPairing.tsx +0 -115
  319. package/src/TimeInput.tsx +0 -109
  320. package/src/Tooltip.tsx +0 -109
  321. package/src/aria.ts +0 -72
  322. package/src/docs/mdx.tsx +0 -137
  323. package/src/docs/pages.ts +0 -115
  324. package/src/docs/searchIndex.ts +0 -1
  325. package/src/examples/ExampleDialog.tsx +0 -28
  326. package/src/guid.ts +0 -7
  327. package/src/hash.ts +0 -21
  328. package/src/index.ts +0 -68
  329. package/src/isServer.ts +0 -3
  330. package/src/jss.tsx +0 -712
  331. package/src/jsx-dev-runtime.ts +0 -74
  332. package/src/jsx-runtime.ts +0 -2
  333. package/src/numberToBase.ts +0 -52
  334. package/src/pages/Badge.mdx +0 -152
  335. package/src/pages/Button.mdx +0 -163
  336. package/src/pages/Calendar.mdx +0 -254
  337. package/src/pages/Card.mdx +0 -147
  338. package/src/pages/Checkbox.mdx +0 -131
  339. package/src/pages/Dialog.mdx +0 -197
  340. package/src/pages/FlexLayout.mdx +0 -211
  341. package/src/pages/Hashing.mdx +0 -211
  342. package/src/pages/Icon.mdx +0 -171
  343. package/src/pages/IconButton.mdx +0 -155
  344. package/src/pages/Link.mdx +0 -160
  345. package/src/pages/List.mdx +0 -262
  346. package/src/pages/ListHeader.mdx +0 -220
  347. package/src/pages/Popover.mdx +0 -223
  348. package/src/pages/ProgressBar.mdx +0 -200
  349. package/src/pages/ProgressCircle.mdx +0 -218
  350. package/src/pages/RangeInput.mdx +0 -237
  351. package/src/pages/Tabs.mdx +0 -281
  352. package/src/pages/Text.mdx +0 -154
  353. package/src/pages/TextInput.mdx +0 -235
  354. package/src/pages/TextPairing.mdx +0 -204
  355. package/src/pages/TimeInput.mdx +0 -178
  356. package/src/pages/Tooltip.mdx +0 -115
  357. package/src/pages/_app.tsx +0 -466
  358. package/src/pages/_document.tsx +0 -30
  359. package/src/pages/css-in-js.mdx +0 -240
  360. package/src/pages/index.mdx +0 -58
  361. package/src/pages/navigation.mdx +0 -158
  362. package/src/pages/prism.css +0 -3
  363. package/src/pages/useCookie.mdx +0 -176
  364. package/src/pages/useKeyboard.mdx +0 -257
  365. package/src/pages/useNavigation.mdx +0 -258
  366. package/src/pages/usePromise.mdx +0 -280
  367. package/src/pages/useRefEffect.mdx +0 -251
  368. package/src/stateMachineContextFactory.tsx +0 -111
  369. package/src/useCookie.tsx +0 -95
  370. package/src/useKeyboard.tsx +0 -43
  371. package/src/useNavigation.tsx +0 -89
  372. package/src/usePromise.tsx +0 -18
  373. package/src/useRefEffect.tsx +0 -18
  374. package/src/vite-plugin-jss-debug.ts +0 -77
  375. package/tsconfig.build.json +0 -23
  376. package/tsconfig.json +0 -38
package/dist/List.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAEvE,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,GAAG,EACH,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACH;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,KAAC,QAAQ,IACP,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE;gBACH,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACtB,CAAC,IAAI,IAAI;oBACP,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;iBAChD;gBACD,CAAC,IAAI;oBACH,CAAC,MAAM,IAAI;oBACT,YAAY,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAChD,SAAS,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;iBAC9C;gBACH,CAAC,IAAI;oBACH,MAAM,IAAI;oBACR,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC1C;gBACH,GAAG;aACJ,KACG,UAAU,GACd,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { BaseListItemProps } from "./BaseListItem";
3
- import { InteractableColor } from "./Interactable";
4
- interface ListButtonItemProps extends BaseListItemProps {
5
- color: InteractableColor;
6
- onClick: () => void;
7
- headline: string;
8
- body?: string;
9
- disabled?: boolean;
10
- selected?: boolean;
11
- children?: void;
12
- }
13
- export declare const ListButtonItem: React.ForwardRefExoticComponent<Omit<ListButtonItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
14
- export {};
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseListItem } from "./BaseListItem";
4
- import { getGlyphColor, getInteractableListItemJSS, } from "./Interactable";
5
- import { BaseButton } from "./BaseButton";
6
- import { useListContext } from "./List";
7
- export const ListButtonItem = React.forwardRef(({ onClick, color = "primary", disabled = false, padding = "medium", jss, gap, selected, ...otherProps }, ref) => {
8
- const { bare } = useListContext();
9
- return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, "aria-selected": selected, ...otherProps, jss: jss, children: ({ content }) => (_jsx(BaseButton, { padding: padding, disabled: disabled, animateInteraction: false, bare: true, color: bare ? "primary" : color, ref: ref, jss: getInteractableListItemJSS({ bare, selected }), onClick: onClick, children: content })) }));
10
- });
11
- //# sourceMappingURL=ListButtonItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListButtonItem.js","sourceRoot":"","sources":["../src/ListButtonItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,OAAO,EACP,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,GAAG,UAAU,EACO,EACtB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,mBACH,QAAQ,KACnB,UAAU,EACd,GAAG,EAAE,GAAG,YAEP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC/B,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,0BAA0B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACnD,OAAO,EAAE,OAAO,YAEf,OAAO,GACG,CACd,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1 +0,0 @@
1
- export declare function ListDivider(): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BaseView } from "./BaseView";
3
- const styles = {
4
- root: {
5
- width: "100%",
6
- borderBottom: "1px solid var(--divider)",
7
- },
8
- };
9
- export function ListDivider() {
10
- return _jsx(BaseView, { jss: styles.root });
11
- }
12
- //# sourceMappingURL=ListDivider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}
@@ -1,10 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { Position } from "./jss";
3
- export declare function ListHeaderItem({ highlight, headline, body, withDivider, addOn, addOnPosition, }: {
4
- highlight?: boolean;
5
- headline: string;
6
- body?: string;
7
- withDivider?: boolean;
8
- addOn?: ReactNode;
9
- addOnPosition?: Position;
10
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BaseListItem } from "./BaseListItem";
3
- import { cssVar } from "./jss";
4
- import { useListContext } from "./List";
5
- export function ListHeaderItem({ highlight, headline, body, withDivider, addOn, addOnPosition, }) {
6
- const { bare } = useListContext();
7
- return (_jsx(BaseListItem, { headline: headline, headlineColor: highlight ? (bare ? "highlight" : "light") : "primary", headlineBold: true, body: body, addOn: addOn, addOnPosition: addOnPosition, withDivider: bare ? false : withDivider, jss: bare
8
- ? null
9
- : {
10
- backgroundColor: highlight
11
- ? cssVar("--highlight")
12
- : cssVar("--secondary-background"),
13
- }, children: ({ content }) => content }));
14
- }
15
- //# sourceMappingURL=ListHeaderItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListHeaderItem.js","sourceRoot":"","sources":["../src/ListHeaderItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAY,MAAM,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,GAQd;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACvC,GAAG,EACD,IAAI;YACF,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,eAAe,EAAE,SAAS;oBACxB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;oBACvB,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC;aACrC,YAGN,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC"}
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { BaseListItemProps } from "./BaseListItem";
3
- interface ListItemProps extends BaseListItemProps {
4
- headline: string;
5
- body?: string;
6
- children?: void;
7
- }
8
- export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
9
- export {};
package/dist/ListItem.js DELETED
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseListItem } from "./BaseListItem";
4
- import { useListContext } from "./List";
5
- export const ListItem = React.forwardRef((props, ref) => {
6
- const { bare } = useListContext();
7
- return (_jsx(BaseListItem, { withDivider: !bare, ...props, jss: props.jss, ref: ref, children: ({ content }) => content }));
8
- });
9
- //# sourceMappingURL=ListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AASxC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAoB,EAAE,GAA8B,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,IAAI,KAAM,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,YAClE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { BaseListItemProps } from "./BaseListItem";
3
- import { InteractableColor } from "./Interactable";
4
- interface ListLinkItemProps extends BaseListItemProps {
5
- color?: InteractableColor;
6
- children?: void;
7
- onClick?: () => void;
8
- href: string;
9
- headline: string;
10
- body?: string;
11
- disabled?: boolean;
12
- selected?: boolean;
13
- target?: string;
14
- }
15
- export declare const ListLinkItem: React.ForwardRefExoticComponent<Omit<ListLinkItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
16
- export {};
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import { BaseListItem } from "./BaseListItem";
4
- import { getGlyphColor, getInteractableListItemJSS, } from "./Interactable";
5
- import { BaseLink } from "./BaseLink";
6
- import { useListContext } from "./List";
7
- export const ListLinkItem = React.forwardRef(({ onClick, href, disabled = false, padding = "medium", jss, gap, selected, color = "primary", target, ...otherProps }, ref) => {
8
- const { bare } = useListContext();
9
- return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, "aria-selected": selected, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, ...otherProps, jss: jss, children: ({ content }) => (_jsx(BaseLink, { target: target, padding: padding, "aria-current": selected ? "page" : undefined, disabled: disabled, animateInteraction: false, bare: true, color: color, href: href, ref: ref, jss: getInteractableListItemJSS({ bare, selected }), onClick: onClick, children: content })) }));
10
- });
11
- //# sourceMappingURL=ListLinkItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAexC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,GAAG,EACH,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,KACd,UAAU,EACd,GAAG,EAAE,GAAG,YAEP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,0BAA0B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACnD,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1 +0,0 @@
1
- export declare function ListSpacer(): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BaseView } from "./BaseView";
3
- const styles = {
4
- root: {
5
- height: "var(--spacing-xl)",
6
- backgroundColor: "var(--secondary-background)",
7
- width: "100%",
8
- },
9
- };
10
- export function ListSpacer() {
11
- return _jsx(BaseView, { jss: styles.root });
12
- }
13
- //# sourceMappingURL=ListSpacer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,eAAe,EAAE,6BAA6B;QAC9C,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAI,CAAC;AACxC,CAAC"}
@@ -1,5 +0,0 @@
1
- import { Color } from "./jss";
2
- export declare function MenuIcon({ open, color }: {
3
- open: boolean;
4
- color: Color;
5
- }): import("react/jsx-runtime").JSX.Element;
package/dist/MenuIcon.js DELETED
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { BaseView } from "./BaseView";
3
- import { Column } from "./Column";
4
- import { getBackground } from "./jss";
5
- export function MenuIcon({ open, color }) {
6
- return (_jsxs(Column, { gap: "small", children: [_jsx(Bar, { color: color, jss: {
7
- transform: open ? "rotateZ(135deg)" : "",
8
- transformOrigin: "center",
9
- top: open ? 8 : 0,
10
- } }), _jsx(Bar, { color: color, jss: {
11
- opacity: open ? 0 : 1,
12
- } }), _jsx(Bar, { color: color, jss: {
13
- transform: open ? "rotateZ(-135deg)" : "",
14
- transformOrigin: "center",
15
- top: open ? -8 : 0,
16
- } })] }));
17
- }
18
- function Bar({ jss, color }) {
19
- return (_jsx(BaseView, { jss: [
20
- {
21
- position: "relative",
22
- width: 24,
23
- height: 4,
24
- borderRadius: "1px",
25
- transition: "all 200ms ease-out",
26
- },
27
- getBackground(color),
28
- jss,
29
- ] }));
30
- }
31
- //# sourceMappingURL=MenuIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../src/MenuIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAmC;IACvE,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAC,OAAO,aACjB,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;oBACxC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAClB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB,GACD,EACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;oBACH,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;oBACzC,eAAe,EAAE,QAAQ;oBACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnB,GACD,IACK,CACV,CAAC;AACJ,CAAC;AAED,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAA8B;IACrD,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE;YACH;gBACE,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,oBAAoB;aACjC;YACD,aAAa,CAAC,KAAK,CAAC;YACpB,GAAG;SACJ,GACD,CACH,CAAC;AACJ,CAAC"}
@@ -1 +0,0 @@
1
- export declare function Router(): import("react/jsx-runtime").JSX.Element;
@@ -1,37 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Suspense } from "react";
3
- import { StackContextProvider } from "./StackContext";
4
- import { Column } from "./Column";
5
- import { ListDivider } from "./ListDivider";
6
- import { BaseView } from "./BaseView";
7
- import { useRouterState } from "./NextJSRouterState";
8
- const styles = {
9
- root: {
10
- display: "flex",
11
- flexDirection: "column",
12
- flexGrow: 1,
13
- minHeight: 0,
14
- flexShrink: 1,
15
- flexBasis: "0%",
16
- position: "relative",
17
- },
18
- route: {
19
- display: "flex",
20
- flexDirection: "column",
21
- flexGrow: 1,
22
- minHeight: 0,
23
- flexShrink: 1,
24
- flexBasis: "0%",
25
- },
26
- hidden: {
27
- display: "none",
28
- },
29
- };
30
- export function Router() {
31
- const { context: { navigationStack }, } = useRouterState();
32
- return (_jsx(BaseView, { jss: styles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
33
- const isTopOfStack = index === list.length - 1;
34
- return (_jsx(Column, { jss: [styles.route, !isTopOfStack && styles.hidden], "aria-hidden": !isTopOfStack, children: _jsxs(StackContextProvider, { isTopOfStack: isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
35
- }) }));
36
- }
37
- //# sourceMappingURL=NextJSRouter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,MAAM,GAA2B;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,YACvB,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,MAAM,IAEL,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,MAAM,CAAC,MAAM,CAAC,iBACtC,CAAC,YAAY,YAE1B,MAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,aAC9C,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACU,IATlB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAUrB,CACV,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}
@@ -1,38 +0,0 @@
1
- import { ComponentType } from "react";
2
- export declare enum RouteState {
3
- Menu = "Menu",
4
- DesignBook = "DesignBook",
5
- Encounter = "Encounter"
6
- }
7
- export declare enum RouteTransition {
8
- Pop = "Pop",
9
- ToDesignBook = "ToDesignBook",
10
- ToEncounter = "ToEncounter"
11
- }
12
- type Context = {
13
- navigationStack: Array<StackNode<any>>;
14
- };
15
- type StackNode<Props> = {
16
- route: Route<Props, any>;
17
- routeProps: Props;
18
- };
19
- type Route<Props, State extends RouteState> = {
20
- state: State;
21
- title: (props: Props) => string;
22
- root: ComponentType<Props>;
23
- };
24
- export declare const Provider: ({ children }: {
25
- children: import("react").ReactNode;
26
- }) => import("react/jsx-runtime").JSX.Element, useStateMachine: () => {
27
- subscribe: import("./Emitter").Subscribe<{
28
- state: RouteState;
29
- context: Context;
30
- }>;
31
- send: <Transition, Data>(transition: Transition, data: Data) => void;
32
- };
33
- export declare const useRouterState: () => {
34
- state: RouteState;
35
- context: Context;
36
- };
37
- export declare const useRouterSend: () => <Transition, Data>(transition: Transition, data: Data) => void;
38
- export {};
@@ -1,111 +0,0 @@
1
- import { useEffect, useState } from "react";
2
- import { stateMachineContextFactory, } from "./stateMachineContextFactory";
3
- import { DesignBook } from "./DesignBook";
4
- export var RouteState;
5
- (function (RouteState) {
6
- RouteState["Menu"] = "Menu";
7
- RouteState["DesignBook"] = "DesignBook";
8
- RouteState["Encounter"] = "Encounter";
9
- })(RouteState || (RouteState = {}));
10
- export var RouteTransition;
11
- (function (RouteTransition) {
12
- RouteTransition["Pop"] = "Pop";
13
- RouteTransition["ToDesignBook"] = "ToDesignBook";
14
- RouteTransition["ToEncounter"] = "ToEncounter";
15
- })(RouteTransition || (RouteTransition = {}));
16
- // const MenuRoute: Route<{}, RouteState.Menu> = {
17
- // state: RouteState.Menu,
18
- // title: () => "Menu",
19
- // root: Menu,
20
- // };
21
- const DesignBookRoute = {
22
- state: RouteState.DesignBook,
23
- title: () => "DesignBook",
24
- root: DesignBook,
25
- };
26
- const INITIAL_CONTEXT = {
27
- navigationStack: [{ route: DesignBookRoute, routeProps: {} }],
28
- };
29
- const pop = ({ state, context }) => {
30
- if (context.navigationStack.length > 1) {
31
- const navigationStack = [...context.navigationStack];
32
- navigationStack.pop();
33
- const finalState = navigationStack[navigationStack.length - 1].route.state;
34
- return {
35
- state: finalState,
36
- context: {
37
- ...context,
38
- navigationStack,
39
- },
40
- };
41
- }
42
- return { state, context };
43
- };
44
- const pushFactory = (route) => ({ context, data }) => {
45
- return {
46
- state: route.state,
47
- context: {
48
- ...context,
49
- navigationStack: [
50
- ...context.navigationStack,
51
- {
52
- route,
53
- routeProps: data,
54
- },
55
- ],
56
- },
57
- };
58
- };
59
- const replaceFactory = (route) => ({ context, data }) => {
60
- return {
61
- state: route.state,
62
- context: {
63
- ...context,
64
- navigationStack: [
65
- ...context.navigationStack.slice(0, -1),
66
- {
67
- route,
68
- routeProps: data,
69
- },
70
- ],
71
- },
72
- };
73
- };
74
- const stateMachine = {
75
- states: {
76
- [RouteState.Menu]: {
77
- on: {
78
- ToDesignBook: pushFactory(DesignBookRoute),
79
- },
80
- },
81
- [RouteState.Encounter]: {
82
- on: {
83
- Pop: pop,
84
- },
85
- },
86
- [RouteState.DesignBook]: {
87
- on: {
88
- Pop: pop,
89
- },
90
- },
91
- },
92
- state: RouteState.Menu,
93
- context: INITIAL_CONTEXT,
94
- };
95
- export const { Provider, useStateMachine } = stateMachineContextFactory(stateMachine);
96
- export const useRouterState = () => {
97
- const [state, setState] = useState({
98
- state: RouteState.Menu,
99
- context: INITIAL_CONTEXT,
100
- });
101
- const { subscribe } = useStateMachine();
102
- useEffect(() => {
103
- return subscribe(setState);
104
- }, [subscribe]);
105
- return state;
106
- };
107
- export const useRouterSend = () => {
108
- const { send } = useStateMachine();
109
- return send;
110
- };
111
- //# sourceMappingURL=NextJSRouterState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NextJSRouterState.js","sourceRoot":"","sources":["../src/NextJSRouterState.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import React, { ReactElement } from "react";
2
- export declare function OnVisible({ children, onVisible, }: {
3
- children: (refCallback: React.RefCallback<HTMLElement>) => ReactElement;
4
- onVisible: () => void;
5
- }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
package/dist/OnVisible.js DELETED
@@ -1,28 +0,0 @@
1
- import { useRef, useCallback } from "react";
2
- export function OnVisible({ children, onVisible, }) {
3
- const intersectionObserverRef = useRef(null);
4
- const refCallback = useCallback((element) => {
5
- if (element == null) {
6
- return;
7
- }
8
- const intersectionObserver = new IntersectionObserver((entries) => {
9
- entries.forEach((entry) => {
10
- if (entry.isIntersecting || entry.intersectionRatio > 0) {
11
- onVisible();
12
- }
13
- });
14
- }, {
15
- root: null,
16
- rootMargin: "0px",
17
- });
18
- intersectionObserverRef.current = intersectionObserver;
19
- intersectionObserver.observe(element);
20
- return () => {
21
- intersectionObserver.unobserve(element);
22
- intersectionObserverRef.current = null;
23
- };
24
- // eslint-disable-next-line
25
- }, []);
26
- return children(refCallback);
27
- }
28
- //# sourceMappingURL=OnVisible.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1C,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE,CAAC;oBACxD,SAAS,EAAE,CAAC;gBACd,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}
package/dist/Popover.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import React from "react";
2
- import { JSS } from "./jss";
3
- export declare function Popover({ children, close }: {
4
- children: any;
5
- close: any;
6
- }): import("react/jsx-runtime").JSX.Element;
7
- interface PopoverTriggerProps<Input> {
8
- PopoverComponent: (props: {
9
- close: () => void;
10
- } & Input) => React.JSX.Element;
11
- jss?: JSS;
12
- jssDialog?: JSS;
13
- className?: undefined;
14
- grow?: boolean;
15
- shrink?: boolean;
16
- tag?: keyof HTMLElementTagNameMap;
17
- children: (props: {
18
- toggle: (input: Input) => void;
19
- }) => React.JSX.Element;
20
- }
21
- export declare function PopoverTrigger<Input>({ PopoverComponent, jss, jssDialog, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): import("react/jsx-runtime").JSX.Element;
22
- export {};
package/dist/Popover.js DELETED
@@ -1,90 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef, useState } from "react";
3
- import { queryFocusables } from "./aria";
4
- import { BaseView } from "./BaseView";
5
- import { useRefEffect } from "./useRefEffect";
6
- import { toClassnames } from "./jss";
7
- const styles = {
8
- popover: {
9
- padding: 0,
10
- zIndex: 1,
11
- backgroundColor: "var(--primary-background)",
12
- borderRadius: "var(--border-radius-l)",
13
- border: "1px solid var(--divider)",
14
- overflow: "hidden",
15
- boxShadow: "var(--shadow-lg)",
16
- animation: "popoverFadeIn 0.15s ease-out",
17
- },
18
- };
19
- export function Popover({ children, close }) {
20
- const activeElementRef = useRef(null);
21
- const focusTrapRoot = useRefEffect((root) => {
22
- activeElementRef.current = document.activeElement;
23
- const [element] = queryFocusables(root);
24
- element ? element.focus() : root.focus();
25
- const keydown = (e) => {
26
- if (e.key === "Escape") {
27
- close();
28
- }
29
- else if (e.key === "Tab") {
30
- const focusables = queryFocusables(root).filter((element) => element.tabIndex !== -1);
31
- if (focusables.length === 0) {
32
- e.stopPropagation();
33
- e.preventDefault();
34
- }
35
- const focusedIndex = focusables.findIndex((x) => x === document.activeElement);
36
- if (focusables.length === 0) {
37
- e.stopPropagation();
38
- e.preventDefault();
39
- }
40
- else if (focusedIndex === focusables.length - 1) {
41
- // Cycle back to the first element
42
- focusables[0].focus();
43
- e.stopPropagation();
44
- e.preventDefault();
45
- }
46
- else {
47
- // Just do the usual thing
48
- }
49
- }
50
- };
51
- const click = () => {
52
- close();
53
- };
54
- // This is needed so that the trigger click is not captured immediatly, which would close the popover as it opens
55
- setTimeout(() => {
56
- window.addEventListener("keydown", keydown);
57
- window.addEventListener("click", click);
58
- }, 0);
59
- return () => {
60
- activeElementRef.current && activeElementRef.current.focus();
61
- window.removeEventListener("keydown", keydown);
62
- window.removeEventListener("click", click);
63
- };
64
- });
65
- return _jsx(BaseView, { ref: focusTrapRoot, children: children });
66
- }
67
- export function PopoverTrigger({ PopoverComponent, jss, jssDialog, grow, shrink, tag, children, }) {
68
- const [popover, setPopover] = useState(null);
69
- const dialogRef = useRef(null);
70
- const toggle = (input) => {
71
- if (popover == null) {
72
- dialogRef && dialogRef.current.show();
73
- setPopover(_jsx(PopoverComponent, { ...input, close: () => {
74
- dialogRef && dialogRef.current.close();
75
- } }));
76
- }
77
- else {
78
- dialogRef && dialogRef.current.close();
79
- }
80
- };
81
- return (_jsxs(BaseView, { grow: grow, shrink: shrink, tag: tag, relative: true, jss: [jss, { position: "relative", display: "inline-block" }], children: [children({ toggle }), _jsx("dialog", { ref: (ref) => {
82
- dialogRef.current = ref;
83
- }, className: toClassnames([styles.popover, jssDialog]), onClose: () => {
84
- setPopover(null);
85
- }, onClick: (e) => {
86
- e.preventDefault();
87
- e.stopPropagation();
88
- }, children: popover })] }));
89
- }
90
- //# sourceMappingURL=Popover.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { Color, Size, JSS } from "./jss";
2
- export declare function ProgressBar({ color, progress, size, jss, }: {
3
- progress: number;
4
- color: Color;
5
- size: Size;
6
- jss?: JSS;
7
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,42 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BaseView } from "./BaseView";
3
- import { getBackground } from "./jss";
4
- const styles = {
5
- root: {
6
- width: "100%",
7
- display: "flex",
8
- position: "relative",
9
- backgroundColor: "var(--primary-background)",
10
- borderRadius: "var(--border-radius-s)",
11
- border: "1px solid var(--divider)",
12
- overflow: "hidden",
13
- },
14
- fill: {
15
- borderRadius: "var(--border-radius-s)",
16
- position: "absolute",
17
- transformOrigin: "center left",
18
- top: 0,
19
- bottom: 0,
20
- left: 0,
21
- right: 0,
22
- },
23
- };
24
- const sizes = {
25
- xsmall: 4,
26
- small: 8,
27
- medium: 12,
28
- large: 16,
29
- xlarge: 20,
30
- };
31
- export function ProgressBar({ color, progress, size, jss, }) {
32
- return (_jsx(BaseView, { jss: [
33
- styles.root,
34
- {
35
- height: sizes[size],
36
- },
37
- jss,
38
- ], children: _jsx(BaseView, { jss: [styles.fill, getBackground(color)], style: {
39
- transform: `scaleX(${progress > 1 ? 1 : progress})`,
40
- } }) }));
41
- }
42
- //# sourceMappingURL=ProgressBar.js.map