aidos-ui 3.0.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 (339) hide show
  1. package/.prettierrc +4 -0
  2. package/LICENSE +21 -0
  3. package/README.md +55 -0
  4. package/dist/Badge.d.ts +7 -0
  5. package/dist/Badge.js +22 -0
  6. package/dist/Badge.js.map +1 -0
  7. package/dist/BaseButton.d.ts +13 -0
  8. package/dist/BaseButton.js +22 -0
  9. package/dist/BaseButton.js.map +1 -0
  10. package/dist/BaseInput.d.ts +15 -0
  11. package/dist/BaseInput.js +14 -0
  12. package/dist/BaseInput.js.map +1 -0
  13. package/dist/BaseLink.d.ts +17 -0
  14. package/dist/BaseLink.js +28 -0
  15. package/dist/BaseLink.js.map +1 -0
  16. package/dist/BaseList.d.ts +6 -0
  17. package/dist/BaseList.js +14 -0
  18. package/dist/BaseList.js.map +1 -0
  19. package/dist/BaseListAddOn.d.ts +5 -0
  20. package/dist/BaseListAddOn.js +7 -0
  21. package/dist/BaseListAddOn.js.map +1 -0
  22. package/dist/BaseListItem.d.ts +27 -0
  23. package/dist/BaseListItem.js +26 -0
  24. package/dist/BaseListItem.js.map +1 -0
  25. package/dist/BaseView.d.ts +12 -0
  26. package/dist/BaseView.js +26 -0
  27. package/dist/BaseView.js.map +1 -0
  28. package/dist/Box.d.ts +5 -0
  29. package/dist/Box.js +6 -0
  30. package/dist/Box.js.map +1 -0
  31. package/dist/Button.d.ts +20 -0
  32. package/dist/Button.js +20 -0
  33. package/dist/Button.js.map +1 -0
  34. package/dist/Calendar.d.ts +18 -0
  35. package/dist/Calendar.js +57 -0
  36. package/dist/Calendar.js.map +1 -0
  37. package/dist/Card.d.ts +4 -0
  38. package/dist/Card.js +12 -0
  39. package/dist/Card.js.map +1 -0
  40. package/dist/Checkbox.d.ts +12 -0
  41. package/dist/Checkbox.js +32 -0
  42. package/dist/Checkbox.js.map +1 -0
  43. package/dist/Circle.d.ts +6 -0
  44. package/dist/Circle.js +12 -0
  45. package/dist/Circle.js.map +1 -0
  46. package/dist/Column.d.ts +6 -0
  47. package/dist/Column.js +7 -0
  48. package/dist/Column.js.map +1 -0
  49. package/dist/DarkMode.d.ts +13 -0
  50. package/dist/DarkMode.js +61 -0
  51. package/dist/DarkMode.js.map +1 -0
  52. package/dist/DateInput.d.ts +13 -0
  53. package/dist/DateInput.js +29 -0
  54. package/dist/DateInput.js.map +1 -0
  55. package/dist/DatePicker.d.ts +12 -0
  56. package/dist/DatePicker.js +34 -0
  57. package/dist/DatePicker.js.map +1 -0
  58. package/dist/DatetimeInput.d.ts +13 -0
  59. package/dist/DatetimeInput.js +31 -0
  60. package/dist/DatetimeInput.js.map +1 -0
  61. package/dist/DesignBook.d.ts +2 -0
  62. package/dist/DesignBook.js +55 -0
  63. package/dist/DesignBook.js.map +1 -0
  64. package/dist/Dialog.d.ts +17 -0
  65. package/dist/Dialog.js +86 -0
  66. package/dist/Dialog.js.map +1 -0
  67. package/dist/Dropdown.d.ts +10 -0
  68. package/dist/Dropdown.js +64 -0
  69. package/dist/Dropdown.js.map +1 -0
  70. package/dist/Emitter.d.ts +6 -0
  71. package/dist/Emitter.js +19 -0
  72. package/dist/Emitter.js.map +1 -0
  73. package/dist/FlexLayout.d.ts +11 -0
  74. package/dist/FlexLayout.js +18 -0
  75. package/dist/FlexLayout.js.map +1 -0
  76. package/dist/Icon.d.ts +12 -0
  77. package/dist/Icon.js +69 -0
  78. package/dist/Icon.js.map +1 -0
  79. package/dist/IconButton.d.ts +9 -0
  80. package/dist/IconButton.js +31 -0
  81. package/dist/IconButton.js.map +1 -0
  82. package/dist/IconLink.d.ts +9 -0
  83. package/dist/IconLink.js +31 -0
  84. package/dist/IconLink.js.map +1 -0
  85. package/dist/IconType.d.ts +1 -0
  86. package/dist/IconType.js +2 -0
  87. package/dist/IconType.js.map +1 -0
  88. package/dist/Interactable.d.ts +48 -0
  89. package/dist/Interactable.js +131 -0
  90. package/dist/Interactable.js.map +1 -0
  91. package/dist/Link.d.ts +20 -0
  92. package/dist/Link.js +22 -0
  93. package/dist/Link.js.map +1 -0
  94. package/dist/List.d.ts +11 -0
  95. package/dist/List.js +17 -0
  96. package/dist/List.js.map +1 -0
  97. package/dist/ListButtonItem.d.ts +15 -0
  98. package/dist/ListButtonItem.js +9 -0
  99. package/dist/ListButtonItem.js.map +1 -0
  100. package/dist/ListDivider.d.ts +2 -0
  101. package/dist/ListDivider.js +12 -0
  102. package/dist/ListDivider.js.map +1 -0
  103. package/dist/ListHeaderItem.d.ts +11 -0
  104. package/dist/ListHeaderItem.js +13 -0
  105. package/dist/ListHeaderItem.js.map +1 -0
  106. package/dist/ListItem.d.ts +10 -0
  107. package/dist/ListItem.js +7 -0
  108. package/dist/ListItem.js.map +1 -0
  109. package/dist/ListLinkItem.d.ts +17 -0
  110. package/dist/ListLinkItem.js +9 -0
  111. package/dist/ListLinkItem.js.map +1 -0
  112. package/dist/ListSpacer.d.ts +2 -0
  113. package/dist/ListSpacer.js +13 -0
  114. package/dist/ListSpacer.js.map +1 -0
  115. package/dist/OnVisible.d.ts +5 -0
  116. package/dist/OnVisible.js +28 -0
  117. package/dist/OnVisible.js.map +1 -0
  118. package/dist/Popover.d.ts +21 -0
  119. package/dist/Popover.js +88 -0
  120. package/dist/Popover.js.map +1 -0
  121. package/dist/ProgressBar.d.ts +8 -0
  122. package/dist/ProgressBar.js +42 -0
  123. package/dist/ProgressBar.js.map +1 -0
  124. package/dist/ProgressCircle.d.ts +6 -0
  125. package/dist/ProgressCircle.js +12 -0
  126. package/dist/ProgressCircle.js.map +1 -0
  127. package/dist/Providers.d.ts +9 -0
  128. package/dist/Providers.js +16 -0
  129. package/dist/Providers.js.map +1 -0
  130. package/dist/RangeInput.d.ts +14 -0
  131. package/dist/RangeInput.js +32 -0
  132. package/dist/RangeInput.js.map +1 -0
  133. package/dist/ResultOrError.d.ts +13 -0
  134. package/dist/ResultOrError.js +7 -0
  135. package/dist/ResultOrError.js.map +1 -0
  136. package/dist/RootView.d.ts +5 -0
  137. package/dist/RootView.js +35 -0
  138. package/dist/RootView.js.map +1 -0
  139. package/dist/Router.d.ts +2 -0
  140. package/dist/Router.js +37 -0
  141. package/dist/Router.js.map +1 -0
  142. package/dist/RouterState.d.ts +38 -0
  143. package/dist/RouterState.js +111 -0
  144. package/dist/RouterState.js.map +1 -0
  145. package/dist/Row.d.ts +6 -0
  146. package/dist/Row.js +7 -0
  147. package/dist/Row.js.map +1 -0
  148. package/dist/StackContext.d.ts +8 -0
  149. package/dist/StackContext.js +25 -0
  150. package/dist/StackContext.js.map +1 -0
  151. package/dist/StaticCheckbox.d.ts +17 -0
  152. package/dist/StaticCheckbox.js +48 -0
  153. package/dist/StaticCheckbox.js.map +1 -0
  154. package/dist/Storage.d.ts +12 -0
  155. package/dist/Storage.js +148 -0
  156. package/dist/Storage.js.map +1 -0
  157. package/dist/Stream.d.ts +9 -0
  158. package/dist/Stream.js +36 -0
  159. package/dist/Stream.js.map +1 -0
  160. package/dist/Sublist.d.ts +12 -0
  161. package/dist/Sublist.js +18 -0
  162. package/dist/Sublist.js.map +1 -0
  163. package/dist/SubmitIconInput.d.ts +9 -0
  164. package/dist/SubmitIconInput.js +25 -0
  165. package/dist/SubmitIconInput.js.map +1 -0
  166. package/dist/Tabs.d.ts +20 -0
  167. package/dist/Tabs.js +35 -0
  168. package/dist/Tabs.js.map +1 -0
  169. package/dist/Text.d.ts +25 -0
  170. package/dist/Text.js +50 -0
  171. package/dist/Text.js.map +1 -0
  172. package/dist/TextArea.d.ts +10 -0
  173. package/dist/TextArea.js +22 -0
  174. package/dist/TextArea.js.map +1 -0
  175. package/dist/TextInput.d.ts +14 -0
  176. package/dist/TextInput.js +52 -0
  177. package/dist/TextInput.js.map +1 -0
  178. package/dist/TextInputWithState.d.ts +10 -0
  179. package/dist/TextInputWithState.js +14 -0
  180. package/dist/TextInputWithState.js.map +1 -0
  181. package/dist/TextPairing.d.ts +21 -0
  182. package/dist/TextPairing.js +26 -0
  183. package/dist/TextPairing.js.map +1 -0
  184. package/dist/TimeInput.d.ts +15 -0
  185. package/dist/TimeInput.js +58 -0
  186. package/dist/TimeInput.js.map +1 -0
  187. package/dist/Tooltip.d.ts +11 -0
  188. package/dist/Tooltip.js +72 -0
  189. package/dist/Tooltip.js.map +1 -0
  190. package/dist/aria.d.ts +8 -0
  191. package/dist/aria.js +42 -0
  192. package/dist/aria.js.map +1 -0
  193. package/dist/guid.d.ts +1 -0
  194. package/dist/guid.js +7 -0
  195. package/dist/guid.js.map +1 -0
  196. package/dist/hash.d.ts +1 -0
  197. package/dist/hash.js +20 -0
  198. package/dist/hash.js.map +1 -0
  199. package/dist/index.d.ts +65 -0
  200. package/dist/index.js +66 -0
  201. package/dist/index.js.map +1 -0
  202. package/dist/jss.d.ts +110 -0
  203. package/dist/jss.js +438 -0
  204. package/dist/jss.js.map +1 -0
  205. package/dist/numberToBase.d.ts +1 -0
  206. package/dist/numberToBase.js +44 -0
  207. package/dist/numberToBase.js.map +1 -0
  208. package/dist/stateMachineContextFactory.d.ts +36 -0
  209. package/dist/stateMachineContextFactory.js +48 -0
  210. package/dist/stateMachineContextFactory.js.map +1 -0
  211. package/dist/useCookie.d.ts +9 -0
  212. package/dist/useCookie.js +65 -0
  213. package/dist/useCookie.js.map +1 -0
  214. package/dist/useKeyboard.d.ts +8 -0
  215. package/dist/useKeyboard.js +26 -0
  216. package/dist/useKeyboard.js.map +1 -0
  217. package/dist/useNavigation.d.ts +5 -0
  218. package/dist/useNavigation.js +79 -0
  219. package/dist/useNavigation.js.map +1 -0
  220. package/dist/usePromise.d.ts +1 -0
  221. package/dist/usePromise.js +12 -0
  222. package/dist/usePromise.js.map +1 -0
  223. package/dist/useRefEffect.d.ts +1 -0
  224. package/dist/useRefEffect.js +15 -0
  225. package/dist/useRefEffect.js.map +1 -0
  226. package/next-env.d.ts +5 -0
  227. package/next.config.js +21 -0
  228. package/package.json +40 -0
  229. package/scripts/publish.js +27 -0
  230. package/src/Badge.tsx +36 -0
  231. package/src/BaseButton.tsx +58 -0
  232. package/src/BaseInput.tsx +57 -0
  233. package/src/BaseLink.tsx +77 -0
  234. package/src/BaseList.tsx +29 -0
  235. package/src/BaseListAddOn.tsx +10 -0
  236. package/src/BaseListItem.tsx +117 -0
  237. package/src/BaseView.tsx +57 -0
  238. package/src/Box.tsx +20 -0
  239. package/src/Button.tsx +84 -0
  240. package/src/Calendar.tsx +125 -0
  241. package/src/Card.tsx +17 -0
  242. package/src/Checkbox.tsx +63 -0
  243. package/src/Circle.tsx +24 -0
  244. package/src/Column.tsx +12 -0
  245. package/src/DarkMode.tsx +99 -0
  246. package/src/DateInput.tsx +63 -0
  247. package/src/DatePicker.tsx +67 -0
  248. package/src/DatetimeInput.tsx +71 -0
  249. package/src/DesignBook.tsx +697 -0
  250. package/src/Dialog.tsx +144 -0
  251. package/src/Dropdown.tsx +129 -0
  252. package/src/Emitter.ts +26 -0
  253. package/src/FlexLayout.tsx +53 -0
  254. package/src/Icon.tsx +96 -0
  255. package/src/IconButton.tsx +66 -0
  256. package/src/IconLink.tsx +58 -0
  257. package/src/IconType.ts +787 -0
  258. package/src/Interactable.tsx +159 -0
  259. package/src/Link.tsx +86 -0
  260. package/src/List.tsx +41 -0
  261. package/src/ListButtonItem.tsx +69 -0
  262. package/src/ListDivider.tsx +13 -0
  263. package/src/ListHeaderItem.tsx +45 -0
  264. package/src/ListItem.tsx +27 -0
  265. package/src/ListLinkItem.tsx +76 -0
  266. package/src/ListSpacer.tsx +14 -0
  267. package/src/OnVisible.tsx +42 -0
  268. package/src/Popover.tsx +141 -0
  269. package/src/ProgressBar.tsx +63 -0
  270. package/src/ProgressCircle.tsx +38 -0
  271. package/src/Providers.tsx +33 -0
  272. package/src/RangeInput.tsx +82 -0
  273. package/src/ResultOrError.ts +15 -0
  274. package/src/RootView.tsx +55 -0
  275. package/src/Router.tsx +62 -0
  276. package/src/RouterState.tsx +154 -0
  277. package/src/Row.tsx +12 -0
  278. package/src/StackContext.tsx +52 -0
  279. package/src/StaticCheckbox.tsx +74 -0
  280. package/src/Storage.tsx +200 -0
  281. package/src/Stream.tsx +50 -0
  282. package/src/Sublist.tsx +62 -0
  283. package/src/SubmitIconInput.tsx +45 -0
  284. package/src/Tabs.tsx +103 -0
  285. package/src/Text.tsx +102 -0
  286. package/src/TextArea.tsx +45 -0
  287. package/src/TextInput.tsx +111 -0
  288. package/src/TextInputWithState.tsx +35 -0
  289. package/src/TextPairing.tsx +115 -0
  290. package/src/TimeInput.tsx +109 -0
  291. package/src/Tooltip.tsx +108 -0
  292. package/src/aria.ts +72 -0
  293. package/src/examples/ExampleDialog.tsx +28 -0
  294. package/src/guid.ts +7 -0
  295. package/src/hash.ts +21 -0
  296. package/src/index.ts +65 -0
  297. package/src/jss.tsx +607 -0
  298. package/src/numberToBase.ts +52 -0
  299. package/src/pages/Badge.mdx +30 -0
  300. package/src/pages/Button.mdx +57 -0
  301. package/src/pages/Calendar.mdx +60 -0
  302. package/src/pages/Checkbox.mdx +56 -0
  303. package/src/pages/Dialog.mdx +32 -0
  304. package/src/pages/FlexLayout.mdx +77 -0
  305. package/src/pages/Hashing.mdx +20 -0
  306. package/src/pages/Icon.mdx +63 -0
  307. package/src/pages/IconButton.mdx +144 -0
  308. package/src/pages/Link.mdx +57 -0
  309. package/src/pages/List.mdx +292 -0
  310. package/src/pages/ListHeader.mdx +94 -0
  311. package/src/pages/Popover.mdx +101 -0
  312. package/src/pages/ProgressBar.mdx +20 -0
  313. package/src/pages/ProgressCircle.mdx +35 -0
  314. package/src/pages/RangeInput.mdx +109 -0
  315. package/src/pages/Tabs.mdx +168 -0
  316. package/src/pages/Text.mdx +133 -0
  317. package/src/pages/TextInput.mdx +110 -0
  318. package/src/pages/TextPairing.mdx +155 -0
  319. package/src/pages/TimeInput.mdx +73 -0
  320. package/src/pages/Tooltip.mdx +28 -0
  321. package/src/pages/_app.tsx +561 -0
  322. package/src/pages/_document.tsx +30 -0
  323. package/src/pages/css-in-js.mdx +127 -0
  324. package/src/pages/index.mdx +58 -0
  325. package/src/pages/navigation.mdx +56 -0
  326. package/src/pages/prism.css +3 -0
  327. package/src/pages/useCookie.mdx +15 -0
  328. package/src/pages/useKeyboard.mdx +20 -0
  329. package/src/pages/useNavigation.mdx +30 -0
  330. package/src/pages/usePromise.mdx +15 -0
  331. package/src/pages/useRefEffect.mdx +49 -0
  332. package/src/stateMachineContextFactory.tsx +111 -0
  333. package/src/useCookie.tsx +89 -0
  334. package/src/useKeyboard.tsx +43 -0
  335. package/src/useNavigation.tsx +89 -0
  336. package/src/usePromise.tsx +18 -0
  337. package/src/useRefEffect.tsx +18 -0
  338. package/tsconfig.build.json +23 -0
  339. package/tsconfig.json +23 -0
package/dist/jss.js ADDED
@@ -0,0 +1,438 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useRef } from "react";
3
+ import { hash } from "./hash";
4
+ const aliases = {
5
+ margin: (value) => {
6
+ if (value == null) {
7
+ return [];
8
+ }
9
+ const matches = typeof value === "string"
10
+ ? Array.from(value.matchAll(/(.+) (.+)$/g))[0]
11
+ : null;
12
+ if (matches) {
13
+ return [
14
+ ["margin-top", matches[1]],
15
+ ["margin-bottom", matches[1]],
16
+ ["margin-left", matches[2]],
17
+ ["margin-right", matches[2]],
18
+ ];
19
+ }
20
+ else {
21
+ return [
22
+ ["margin-top", value],
23
+ ["margin-bottom", value],
24
+ ["margin-left", value],
25
+ ["margin-right", value],
26
+ ];
27
+ }
28
+ },
29
+ padding: (value) => {
30
+ if (value == null) {
31
+ return [];
32
+ }
33
+ const matches = typeof value === "string"
34
+ ? Array.from(value.matchAll(/(.+) (.+)$/g))[0]
35
+ : null;
36
+ if (matches) {
37
+ return [
38
+ ["padding-top", matches[1]],
39
+ ["padding-bottom", matches[1]],
40
+ ["padding-left", matches[2]],
41
+ ["padding-right", matches[2]],
42
+ ];
43
+ }
44
+ else {
45
+ return [
46
+ ["padding-top", value],
47
+ ["padding-bottom", value],
48
+ ["padding-left", value],
49
+ ["padding-right", value],
50
+ ];
51
+ }
52
+ },
53
+ };
54
+ const rawHashMap = new Map();
55
+ function createStyleNode(content) {
56
+ if (typeof window === "undefined") {
57
+ serverStyles.push(content);
58
+ }
59
+ else {
60
+ const style = document.createElement("style");
61
+ style.appendChild(document.createTextNode(content));
62
+ document.head.appendChild(style);
63
+ }
64
+ }
65
+ const pixelStyles = new Set([
66
+ "min-height",
67
+ "height",
68
+ "max-height",
69
+ "min-width",
70
+ "width",
71
+ "max-width",
72
+ "margin",
73
+ "margin-top",
74
+ "margin-bottom",
75
+ "margin-left",
76
+ "margin-right",
77
+ "padding",
78
+ "padding-top",
79
+ "padding-bottom",
80
+ "padding-left",
81
+ "padding-right",
82
+ "border-radius",
83
+ "font-size",
84
+ "top",
85
+ "bottom",
86
+ "left",
87
+ "right",
88
+ "outline-offset",
89
+ ]);
90
+ const toPixelValue = (key, value) => {
91
+ const sValue = value.toString();
92
+ if (sValue.includes("%") ||
93
+ sValue.includes("v") ||
94
+ sValue.includes("px") ||
95
+ sValue.includes("em") ||
96
+ sValue.includes("rem")) {
97
+ return sValue;
98
+ }
99
+ return pixelStyles.has(key) && Number.isInteger(parseInt(value, 10))
100
+ ? `${value}px`
101
+ : value;
102
+ };
103
+ const getCSS = (key, value) => {
104
+ const cssProp = key.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
105
+ const cssValue = toPixelValue(cssProp, value);
106
+ return [cssProp, cssValue];
107
+ };
108
+ const flattenJSStyle = (jsStyle) => {
109
+ if (!jsStyle) {
110
+ return {};
111
+ }
112
+ else if (Array.isArray(jsStyle)) {
113
+ // @ts-ignore
114
+ return jsStyle.reduce((acc, jsStyle) => {
115
+ return { ...acc, ...flattenJSStyle(jsStyle) };
116
+ }, {});
117
+ }
118
+ else {
119
+ return jsStyle;
120
+ }
121
+ };
122
+ export const jss = (jsStyle) => {
123
+ jsStyle = flattenJSStyle(jsStyle);
124
+ const stylesStack = Object.entries(jsStyle);
125
+ const classNames = [];
126
+ while (stylesStack.length) {
127
+ const [key, value] = stylesStack.pop();
128
+ if (aliases[key]) {
129
+ stylesStack.push(...aliases[key](value));
130
+ continue;
131
+ }
132
+ const rawHash = hash(key + JSON.stringify(value)).toString(32);
133
+ const cachedSelector = rawHashMap.get(rawHash);
134
+ if (cachedSelector != null) {
135
+ classNames.push(cachedSelector);
136
+ continue;
137
+ }
138
+ // const selector = numberToBase(rawHashMap.size);
139
+ const selector = `x${rawHash}`;
140
+ rawHashMap.set(rawHash, selector);
141
+ classNames.push(selector);
142
+ if (typeof value === "number" || typeof value === "string") {
143
+ const [cssProp, cssValue] = getCSS(key, value);
144
+ createStyleNode(`.${selector} { ${cssProp}: ${cssValue}; }`);
145
+ }
146
+ else if (typeof value === "object" && key.startsWith("@media")) {
147
+ const media = key;
148
+ const cssValue = Object.entries(value)
149
+ .map(([key, value]) => {
150
+ const [cssProp, cssValue] = getCSS(key, value);
151
+ return `${cssProp}: ${cssValue}; `;
152
+ })
153
+ .join(" ");
154
+ createStyleNode(`${media} { .${selector} { ${cssValue} } }`);
155
+ }
156
+ else if (typeof value === "object" && value != null) {
157
+ const cssValue = Object.entries(value)
158
+ .map(([key, value]) => {
159
+ const [cssProp, cssValue] = getCSS(key, value);
160
+ return `${cssProp}: ${cssValue}; `;
161
+ })
162
+ .join(" ");
163
+ createStyleNode(`.${selector}${key} { ${cssValue} }`);
164
+ }
165
+ }
166
+ return classNames.join(" ");
167
+ };
168
+ const serverStyles = [];
169
+ export function JSStylesProvider({ themes, children, }) {
170
+ const stylesRef = useRef(null);
171
+ if (stylesRef.current == null) {
172
+ stylesRef.current = getBaseStyles(themes);
173
+ }
174
+ return (_jsxs(_Fragment, { children: [stylesRef.current.map((style, i) => (_jsx("style", { dangerouslySetInnerHTML: { __html: style } }, i))), children] }));
175
+ }
176
+ export function JSServerStyles() {
177
+ const stylesRef = useRef(null);
178
+ if (stylesRef.current == null) {
179
+ stylesRef.current = serverStyles;
180
+ }
181
+ return (_jsx(_Fragment, { children: stylesRef.current.map((style, i) => (_jsx("style", { dangerouslySetInnerHTML: { __html: style } }, i))) }));
182
+ }
183
+ export function cssVar(string) {
184
+ return `var(${string})`;
185
+ }
186
+ const sizes = {
187
+ xsmall: cssVar("--spacing-xs"),
188
+ small: cssVar("--spacing-s"),
189
+ medium: cssVar("--spacing-m"),
190
+ large: cssVar("--spacing-l"),
191
+ xlarge: cssVar("--spacing-xl"),
192
+ };
193
+ export function getSize(size) {
194
+ return sizes[size];
195
+ }
196
+ export function getSpacing(spacing) {
197
+ if (spacing === "none") {
198
+ return "0px";
199
+ }
200
+ else {
201
+ return getSize(spacing);
202
+ }
203
+ }
204
+ export function getPadding(padding) {
205
+ if (Array.isArray(padding)) {
206
+ const [vertical, horizontal] = padding;
207
+ return {
208
+ paddingTop: getSpacing(vertical),
209
+ paddingBottom: getSpacing(vertical),
210
+ paddingLeft: getSpacing(horizontal),
211
+ paddingRight: getSpacing(horizontal),
212
+ };
213
+ }
214
+ else {
215
+ return {
216
+ padding: getSpacing(padding),
217
+ };
218
+ }
219
+ }
220
+ export function getMargin(margin) {
221
+ if (Array.isArray(margin)) {
222
+ const [vertical, horizontal] = margin;
223
+ return {
224
+ marginTop: getSpacing(vertical),
225
+ marginBottom: getSpacing(vertical),
226
+ marginLeft: getSpacing(horizontal),
227
+ marginRight: getSpacing(horizontal),
228
+ };
229
+ }
230
+ else {
231
+ return {
232
+ margin: getSpacing(margin),
233
+ };
234
+ }
235
+ }
236
+ export const lightTheme = {
237
+ /* Background */
238
+ ["--overlay-background"]: "rgb(245, 246, 250)",
239
+ ["--primary-background"]: "rgb(239, 239, 244)",
240
+ ["--secondary-background"]: "rgb(232, 232, 234)",
241
+ ["--divider"]: "rgb(200, 200, 200)",
242
+ ["--strong-divider"]: "rgb(100, 100, 100)",
243
+ ["--pressed-background"]: "rgb(220, 222, 224)",
244
+ ["--hovered-background"]: "rgb(232, 235, 237)",
245
+ ["--selected-background"]: "rgb(227, 230, 232)",
246
+ ["--nav-bar"]: "rgb(232, 232, 234)",
247
+ /* Effects */
248
+ ["--warning"]: "rgb(255, 204, 0)",
249
+ ["--highlight"]: "rgb(0, 122, 255)",
250
+ ["--outline"]: "rgb(103, 176, 255)",
251
+ ["--light-highlight"]: "rgb(220, 232, 245)",
252
+ /* Text */
253
+ ["--primary-text"]: "rgb(0, 0, 0)",
254
+ ["--secondary-text"]: "rgb(100, 100, 100)",
255
+ ["--subtle-text"]: "rgb(180, 180, 180)",
256
+ ["--highlight-text"]: "rgb(0, 122, 255)",
257
+ ["--negative-text"]: "rgb(255, 59, 48)",
258
+ ["--light-text"]: "rgb(255, 255, 255)",
259
+ /* Buttons */
260
+ ["--background-button-positive"]: "rgb(0, 122, 255)",
261
+ ["--background-button-secondary"]: "rgb(218, 218, 223)",
262
+ ["--background-button-negative"]: "rgb(255, 59, 48)",
263
+ ["--background-button-disabled"]: "rgb(218, 218, 223)",
264
+ /* Spacing */
265
+ ["--spacing-xs"]: "2px",
266
+ ["--spacing-s"]: "4px",
267
+ ["--spacing-m"]: "8px",
268
+ ["--spacing-l"]: "12px",
269
+ ["--spacing-xl"]: "16px",
270
+ ["--spacing-xxl"]: "24px",
271
+ ["--spacing-xxxl"]: "32px",
272
+ ["--border-radius-s"]: "2px",
273
+ ["--border-radius-m"]: "4px",
274
+ ["--border-radius-l"]: "8px",
275
+ ["--nav-bar-height"]: "50px",
276
+ };
277
+ export const darkTheme = {
278
+ /* Background */
279
+ ["--overlay-background"]: "rgb(22, 23, 24)",
280
+ ["--primary-background"]: "rgb(42, 43, 46)",
281
+ ["--secondary-background"]: "rgb(65, 66, 67)",
282
+ ["--divider"]: "rgb(70, 72, 73)",
283
+ ["--strong-divider"]: "rgb(100, 100, 100)",
284
+ ["--pressed-background"]: "rgb(90, 92, 93)",
285
+ ["--hovered-background"]: "rgb(50, 53, 54)",
286
+ ["--selected-background"]: "rgb(65, 68, 69)",
287
+ ["--nav-bar"]: "rgb(34, 35, 36)",
288
+ /* Effects */
289
+ ["--warning"]: "rgb(255, 204, 0)",
290
+ ["--highlight"]: "rgb(50, 140, 220)",
291
+ ["--outline"]: "rgb(91, 170, 255)",
292
+ ["--light-highlight"]: "rgba(49, 57, 63)",
293
+ /* Text */
294
+ ["--primary-text"]: "rgb(255, 255, 255)",
295
+ ["--secondary-text"]: "rgb(200, 200, 200)",
296
+ ["--subtle-text"]: "rgb(140, 140, 140)",
297
+ ["--highlight-text"]: "#4ca7f8",
298
+ ["--negative-text"]: "rgb(255, 59, 48)",
299
+ ["--light-text"]: "rgb(255, 255, 255)",
300
+ /* Buttons */
301
+ ["--background-button-positive"]: "rgb(50, 140, 220)",
302
+ ["--background-button-secondary"]: "rgb(82, 83, 86)",
303
+ ["--background-button-negative"]: "rgb(255, 59, 48)",
304
+ ["--background-button-disabled"]: "rgb(70, 72, 73)",
305
+ /* Spacing */
306
+ ["--spacing-xs"]: "2px",
307
+ ["--spacing-s"]: "4px",
308
+ ["--spacing-m"]: "8px",
309
+ ["--spacing-l"]: "12px",
310
+ ["--spacing-xl"]: "16px",
311
+ ["--spacing-xxl"]: "24px",
312
+ ["--spacing-xxxl"]: "32px",
313
+ ["--border-radius-s"]: "2px",
314
+ ["--border-radius-m"]: "4px",
315
+ ["--border-radius-l"]: "8px",
316
+ ["--nav-bar-height"]: "50px",
317
+ };
318
+ export const baseStyles = `
319
+ * {
320
+ box-sizing: border-box;
321
+ border: none;
322
+ touch-action: manipulation;
323
+ font-family: sans-serif;
324
+ -webkit-font-smoothing: antialiased;
325
+ -moz-osx-font-smoothing: grayscale;
326
+ }
327
+
328
+ *:focus {
329
+ outline-color: ${cssVar("--highlight")};
330
+ }
331
+
332
+ html,
333
+ body {
334
+ margin: 0;
335
+ height: 100%;
336
+ width: 100%;
337
+ overflow: hidden;
338
+ background-color: ${cssVar("--primary-background")};
339
+ }
340
+
341
+ `;
342
+ const backgroundStyles = {
343
+ highlight: {
344
+ backgroundColor: cssVar("--highlight"),
345
+ },
346
+ warning: {
347
+ backgroundColor: cssVar("--warning"),
348
+ },
349
+ "primary-background": {
350
+ backgroundColor: cssVar("--primary-background"),
351
+ },
352
+ negative: {
353
+ backgroundColor: cssVar("--negative-text"),
354
+ },
355
+ "secondary-background": {
356
+ backgroundColor: cssVar("--secondary-background"),
357
+ },
358
+ divider: {
359
+ backgroundColor: cssVar("--divider"),
360
+ },
361
+ inherit: {
362
+ backgroundColor: "inherit",
363
+ },
364
+ };
365
+ export const getBackground = (color) => {
366
+ return backgroundStyles[color];
367
+ };
368
+ export const MOBILE = 750;
369
+ export const TABLET = 1000;
370
+ export const LAPTOP = 1200;
371
+ export const MOBILE_MEDIA = `@media (min-width: 0px) and (max-width: ${MOBILE}px)`;
372
+ export const TABLET_MEDIA = `@media (min-width: ${MOBILE}px) and (max-width: ${TABLET}px)`;
373
+ export const LAPTOP_MEDIA = `@media (min-width: ${TABLET}px) and (max-width: ${LAPTOP}px)`;
374
+ export const DESKTOP_MEDIA = `@media (min-width: ${LAPTOP}px)`;
375
+ export function mobile(jsStyle) {
376
+ return {
377
+ [MOBILE_MEDIA]: jsStyle,
378
+ };
379
+ }
380
+ export function tablet(jsStyle) {
381
+ return {
382
+ [TABLET_MEDIA]: jsStyle,
383
+ };
384
+ }
385
+ export function laptop(jsStyle) {
386
+ return {
387
+ [LAPTOP_MEDIA]: jsStyle,
388
+ };
389
+ }
390
+ export function desktop(jsStyle) {
391
+ return {
392
+ [DESKTOP_MEDIA]: jsStyle,
393
+ };
394
+ }
395
+ const textColorStyles = {
396
+ primary: {
397
+ color: cssVar("--primary-text"),
398
+ },
399
+ secondary: {
400
+ color: cssVar("--secondary-text"),
401
+ },
402
+ highlight: {
403
+ color: cssVar("--highlight-text"),
404
+ },
405
+ negative: {
406
+ color: cssVar("--negative-text"),
407
+ },
408
+ subtle: {
409
+ color: cssVar("--subtle-text"),
410
+ },
411
+ light: {
412
+ color: cssVar("--light-text"),
413
+ },
414
+ inherit: {
415
+ color: "inherit",
416
+ },
417
+ };
418
+ export const getTextColor = (color) => {
419
+ return textColorStyles[color];
420
+ };
421
+ export function getBaseStyles(themes) {
422
+ const css = [];
423
+ css.push(baseStyles);
424
+ css.push(`body {
425
+ color-scheme: light;
426
+ ${Object.entries(themes.light)
427
+ .map(([key, value]) => `${key}: ${value};`)
428
+ .join("\n ")}
429
+ }`);
430
+ css.push(`body.dark-mode {
431
+ color-scheme: dark;
432
+ ${Object.entries(themes.dark)
433
+ .map(([key, value]) => `${key}: ${value};`)
434
+ .join("\n ")}
435
+ }`);
436
+ return css;
437
+ }
438
+ //# sourceMappingURL=jss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"jss.js","sourceRoot":"","sources":["../src/jss.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export declare function numberToBase(number: number, base?: Array<string>): string;
@@ -0,0 +1,44 @@
1
+ const LETTERS_26 = [
2
+ "a",
3
+ "b",
4
+ "c",
5
+ "d",
6
+ "e",
7
+ "f",
8
+ "g",
9
+ "h",
10
+ "i",
11
+ "j",
12
+ "k",
13
+ "l",
14
+ "m",
15
+ "n",
16
+ "o",
17
+ "p",
18
+ "q",
19
+ "r",
20
+ "s",
21
+ "t",
22
+ "u",
23
+ "v",
24
+ "w",
25
+ "x",
26
+ "y",
27
+ "z",
28
+ ];
29
+ export function numberToBase(number, base = LETTERS_26) {
30
+ if (number <= -1) {
31
+ return "";
32
+ }
33
+ let result = [];
34
+ // To make numbers 1 indexed
35
+ number += 1;
36
+ while (number >= base.length) {
37
+ const index = number % base.length;
38
+ number = Math.floor(number / base.length) - 1;
39
+ result.push(base[index]);
40
+ }
41
+ result.push(base[number]);
42
+ return result.reverse().join("");
43
+ }
44
+ //# sourceMappingURL=numberToBase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"numberToBase.js","sourceRoot":"","sources":["../src/numberToBase.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;CACJ,CAAC;AAEF,MAAM,UAAU,YAAY,CAC1B,MAAc,EACd,OAAsB,UAAU;IAEhC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,4BAA4B;IAC5B,MAAM,IAAI,CAAC,CAAC;IAEZ,OAAO,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE;QAC5B,MAAM,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACnC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC1B;IAED,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnC,CAAC"}
@@ -0,0 +1,36 @@
1
+ import { ReactNode } from "react";
2
+ import { Subscribe } from "./Emitter";
3
+ export type Reducer<State, Context> = <Data extends any>({ state, context, data, }: {
4
+ state: State;
5
+ context: Context;
6
+ data: Data;
7
+ }) => {
8
+ state: State;
9
+ context: Context;
10
+ };
11
+ type StateMachineConfig<State, Transition, Context> = {
12
+ states: {
13
+ [state: string]: {
14
+ on: {
15
+ [transition: Transition]: Reducer<State, Context>;
16
+ };
17
+ };
18
+ };
19
+ context: Context;
20
+ state: State;
21
+ };
22
+ type Send = <Transition, Data>(transition: Transition, data: Data) => void;
23
+ type StateMachineContextType<State, Context> = {
24
+ subscribe: Subscribe<{
25
+ state: State;
26
+ context: Context;
27
+ }>;
28
+ send: Send;
29
+ };
30
+ export declare function stateMachineContextFactory<State, Transition, Context>(stateMachineConfig: StateMachineConfig<State, Transition, Context>): {
31
+ Provider: ({ children }: {
32
+ children: ReactNode;
33
+ }) => JSX.Element;
34
+ useStateMachine: () => StateMachineContextType<State, Context>;
35
+ };
36
+ export {};
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React, { useContext, useCallback, useMemo, useRef, } from "react";
3
+ import { createEmitter } from "./Emitter";
4
+ export function stateMachineContextFactory(stateMachineConfig) {
5
+ const StateMachineContext = React.createContext({
6
+ subscribe: () => {
7
+ throw new Error("Not implemented");
8
+ },
9
+ send: (_) => {
10
+ throw new Error("Not implemented");
11
+ },
12
+ });
13
+ function Provider({ children }) {
14
+ const stateMachineRef = useRef({
15
+ state: stateMachineConfig.state,
16
+ context: stateMachineConfig.context,
17
+ });
18
+ const emitterRef = useRef(createEmitter());
19
+ const subscribe = useCallback((callback) => {
20
+ const unsbuscribe = emitterRef.current.subscribe(callback);
21
+ callback(stateMachineRef.current);
22
+ return unsbuscribe;
23
+ }, []);
24
+ const send = useCallback((transition, data) => {
25
+ const state = stateMachineRef.current.state;
26
+ // @ts-ignore I don't know how to fix this
27
+ const transitions = stateMachineConfig.states[state].on;
28
+ const reducer = transitions[transition];
29
+ if (!reducer) {
30
+ // No transition available in the current state, so no update needed
31
+ return;
32
+ }
33
+ const newState = reducer({
34
+ ...stateMachineRef.current,
35
+ data,
36
+ });
37
+ stateMachineRef.current = newState;
38
+ emitterRef.current.emit(newState);
39
+ }, []);
40
+ const value = useMemo(() => ({ subscribe, send }), [subscribe, send]);
41
+ return (_jsx(StateMachineContext.Provider, { value: value, children: children }));
42
+ }
43
+ function useStateMachine() {
44
+ return useContext(StateMachineContext);
45
+ }
46
+ return { Provider, useStateMachine };
47
+ }
48
+ //# sourceMappingURL=stateMachineContextFactory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stateMachineContextFactory.js","sourceRoot":"","sources":["../src/stateMachineContextFactory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EAEX,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,aAAa,EAAY,MAAM,WAAW,CAAC;AA8B/D,MAAM,UAAU,0BAA0B,CACxC,kBAAkE;IAElE,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAE7C;QACA,SAAS,EAAE,GAAG,EAAE;YACd,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;KACF,CAAC,CAAC;IAOH,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAA2B;QACrD,MAAM,eAAe,GAAG,MAAM,CAAoB;YAChD,KAAK,EAAE,kBAAkB,CAAC,KAAK;YAC/B,OAAO,EAAE,kBAAkB,CAAC,OAAO;SACpC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAM,CACvB,aAAa,EAAsC,CACpD,CAAC;QAEF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,QAAqC,EAAE,EAAE;YACtE,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC3D,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAElC,OAAO,WAAW,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,IAAI,GAAG,WAAW,CACtB,CAA+B,UAAsB,EAAE,IAAU,EAAE,EAAE;YACnE,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;YAC5C,0CAA0C;YAC1C,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACxD,MAAM,OAAO,GAA4B,WAAW,CAAC,UAAU,CAAC,CAAC;YAEjE,IAAI,CAAC,OAAO,EAAE;gBACZ,oEAAoE;gBACpE,OAAO;aACR;YAED,MAAM,QAAQ,GAAG,OAAO,CAAC;gBACvB,GAAG,eAAe,CAAC,OAAO;gBAC1B,IAAI;aACL,CAAC,CAAC;YAEH,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;YACnC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,EACD,EAAE,CACH,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAEtE,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAC;IACJ,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AACvC,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare function hasCookie(key: string): boolean;
2
+ export declare function getCookie<T>(key: string, deserialize?: (s: string) => T): T;
3
+ export declare function useCookie<T, L>(key: string, { initialValue, loadingValue, serialize, deserialize, maxAge, }: {
4
+ initialValue: T;
5
+ loadingValue: L;
6
+ serialize?: (t: T) => string;
7
+ deserialize?: (s: string) => T;
8
+ maxAge?: number;
9
+ }): [T | L, (t: T | ((prevValue: T | L) => T)) => void];
@@ -0,0 +1,65 @@
1
+ import { useState, useCallback, useEffect, useRef } from "react";
2
+ export function hasCookie(key) {
3
+ return (document.cookie
4
+ .split(";")
5
+ .map((c) => c.trim())
6
+ .filter((c) => c.startsWith(`${key}=`)).length > 0);
7
+ }
8
+ export function getCookie(key, deserialize = JSON.parse) {
9
+ return document.cookie
10
+ .split(";")
11
+ .map((c) => c.trim())
12
+ .filter((c) => c.startsWith(`${key}=`))
13
+ .map((s) => s.split("=")[1])
14
+ .map((s) => deserialize(s))
15
+ .pop();
16
+ }
17
+ export function useCookie(key, { initialValue = null, loadingValue, serialize = JSON.stringify, deserialize = JSON.parse, maxAge = 60 * 60 * 24 * 365, }) {
18
+ const initializationRef = useRef(false);
19
+ const [cookie, setCookie] = useState(() => {
20
+ if (typeof window !== "undefined") {
21
+ const hasPersistedCookie = hasCookie(key);
22
+ if (hasPersistedCookie) {
23
+ return getCookie(key, deserialize);
24
+ }
25
+ else {
26
+ return loadingValue;
27
+ }
28
+ }
29
+ return loadingValue;
30
+ });
31
+ useEffect(() => {
32
+ if (initializationRef.current === true) {
33
+ return;
34
+ }
35
+ const hasPersistedCookie = hasCookie(key);
36
+ if (hasPersistedCookie) {
37
+ const persistedCookie = getCookie(key, deserialize);
38
+ setCookie(persistedCookie);
39
+ }
40
+ else {
41
+ document.cookie = `${key}=${serialize(initialValue)}; max-age=${maxAge};`;
42
+ setCookie(initialValue);
43
+ }
44
+ initializationRef.current = true;
45
+ }, []);
46
+ return [
47
+ cookie,
48
+ useCallback((t) => {
49
+ if (typeof t === "function") {
50
+ // @ts-ignore
51
+ const callback = t;
52
+ setCookie((oldCookie) => {
53
+ const newValue = callback(oldCookie);
54
+ document.cookie = `${key}=${serialize(newValue)}; max-age=${maxAge};`;
55
+ return newValue;
56
+ });
57
+ }
58
+ else {
59
+ setCookie(t);
60
+ document.cookie = `${key}=${serialize(t)}; max-age=${maxAge};`;
61
+ }
62
+ }, []),
63
+ ];
64
+ }
65
+ //# sourceMappingURL=useCookie.js.map