@tokis/react 1.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 (354) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +50 -0
  3. package/dist/cjs/components/accordion/index.js +36 -0
  4. package/dist/cjs/components/alert/index.js +14 -0
  5. package/dist/cjs/components/app-bar/index.js +9 -0
  6. package/dist/cjs/components/avatar/index.js +64 -0
  7. package/dist/cjs/components/badge/index.js +6 -0
  8. package/dist/cjs/components/bottom-nav/index.js +12 -0
  9. package/dist/cjs/components/breadcrumbs/index.js +19 -0
  10. package/dist/cjs/components/button/ButtonIcon.js +9 -0
  11. package/dist/cjs/components/button/ButtonLabel.js +9 -0
  12. package/dist/cjs/components/button/ButtonRoot.js +23 -0
  13. package/dist/cjs/components/button/index.js +11 -0
  14. package/dist/cjs/components/button/useButton.js +14 -0
  15. package/dist/cjs/components/card/index.js +25 -0
  16. package/dist/cjs/components/charts/index.js +214 -0
  17. package/dist/cjs/components/checkbox/index.js +18 -0
  18. package/dist/cjs/components/chip/index.js +6 -0
  19. package/dist/cjs/components/circular-progress/index.js +28 -0
  20. package/dist/cjs/components/codeblock/CodeBlock.js +35 -0
  21. package/dist/cjs/components/codeblock/index.js +5 -0
  22. package/dist/cjs/components/command-palette/index.js +84 -0
  23. package/dist/cjs/components/confirm-dialog/index.js +10 -0
  24. package/dist/cjs/components/context-menu/index.js +82 -0
  25. package/dist/cjs/components/dialog/index.js +43 -0
  26. package/dist/cjs/components/divider/index.js +6 -0
  27. package/dist/cjs/components/drawer/index.js +37 -0
  28. package/dist/cjs/components/dropdown/index.js +104 -0
  29. package/dist/cjs/components/emptystate/index.js +9 -0
  30. package/dist/cjs/components/extended/index.js +329 -0
  31. package/dist/cjs/components/hover-card/index.js +107 -0
  32. package/dist/cjs/components/infinite-scroll/index.js +21 -0
  33. package/dist/cjs/components/input/index.js +27 -0
  34. package/dist/cjs/components/layout/index.js +34 -0
  35. package/dist/cjs/components/link/index.js +7 -0
  36. package/dist/cjs/components/list/index.js +14 -0
  37. package/dist/cjs/components/menu/index.js +120 -0
  38. package/dist/cjs/components/nav-rail/index.js +12 -0
  39. package/dist/cjs/components/pagination/index.js +46 -0
  40. package/dist/cjs/components/popover/index.js +114 -0
  41. package/dist/cjs/components/portal/index.js +10 -0
  42. package/dist/cjs/components/progress/index.js +21 -0
  43. package/dist/cjs/components/radio/index.js +60 -0
  44. package/dist/cjs/components/result/index.js +25 -0
  45. package/dist/cjs/components/search-field/index.js +30 -0
  46. package/dist/cjs/components/select/index.js +88 -0
  47. package/dist/cjs/components/skeleton/index.js +6 -0
  48. package/dist/cjs/components/slider/index.js +73 -0
  49. package/dist/cjs/components/snackbar/index.js +41 -0
  50. package/dist/cjs/components/spinner/index.js +6 -0
  51. package/dist/cjs/components/statistic/index.js +17 -0
  52. package/dist/cjs/components/stepper/index.js +24 -0
  53. package/dist/cjs/components/switch/index.js +19 -0
  54. package/dist/cjs/components/table/index.js +26 -0
  55. package/dist/cjs/components/tabs/index.js +44 -0
  56. package/dist/cjs/components/tag/index.js +6 -0
  57. package/dist/cjs/components/timeline/index.js +12 -0
  58. package/dist/cjs/components/toggle/index.js +32 -0
  59. package/dist/cjs/components/tooltip/index.js +116 -0
  60. package/dist/cjs/components/treeview/index.js +89 -0
  61. package/dist/cjs/components/typography/index.js +20 -0
  62. package/dist/cjs/components/virtual-list/index.js +25 -0
  63. package/dist/cjs/context/ConfigProvider.js +22 -0
  64. package/dist/cjs/context/ThemeContext.js +25 -0
  65. package/dist/cjs/hooks/useControllableState.js +31 -0
  66. package/dist/cjs/hooks/useDialog.js +35 -0
  67. package/dist/cjs/hooks/useId.js +13 -0
  68. package/dist/cjs/hooks/useMenu.js +64 -0
  69. package/dist/cjs/hooks/usePopover.js +32 -0
  70. package/dist/cjs/hooks/useTabs.js +51 -0
  71. package/dist/cjs/index.js +102 -0
  72. package/dist/cjs/package.json +3 -0
  73. package/dist/cjs/utils/cn.js +10 -0
  74. package/dist/components/accordion/index.d.ts +19 -0
  75. package/dist/components/accordion/index.d.ts.map +1 -0
  76. package/dist/components/accordion/index.js +34 -0
  77. package/dist/components/accordion/index.js.map +1 -0
  78. package/dist/components/alert/index.d.ts +11 -0
  79. package/dist/components/alert/index.d.ts.map +1 -0
  80. package/dist/components/alert/index.js +12 -0
  81. package/dist/components/alert/index.js.map +1 -0
  82. package/dist/components/app-bar/index.d.ts +17 -0
  83. package/dist/components/app-bar/index.d.ts.map +1 -0
  84. package/dist/components/app-bar/index.js +7 -0
  85. package/dist/components/app-bar/index.js.map +1 -0
  86. package/dist/components/avatar/index.d.ts +33 -0
  87. package/dist/components/avatar/index.d.ts.map +1 -0
  88. package/dist/components/avatar/index.js +28 -0
  89. package/dist/components/avatar/index.js.map +1 -0
  90. package/dist/components/badge/index.d.ts +3 -0
  91. package/dist/components/badge/index.d.ts.map +1 -0
  92. package/dist/components/badge/index.js +3 -0
  93. package/dist/components/badge/index.js.map +1 -0
  94. package/dist/components/bottom-nav/index.d.ts +18 -0
  95. package/dist/components/bottom-nav/index.d.ts.map +1 -0
  96. package/dist/components/bottom-nav/index.js +10 -0
  97. package/dist/components/bottom-nav/index.js.map +1 -0
  98. package/dist/components/breadcrumbs/index.d.ts +19 -0
  99. package/dist/components/breadcrumbs/index.d.ts.map +1 -0
  100. package/dist/components/breadcrumbs/index.js +17 -0
  101. package/dist/components/breadcrumbs/index.js.map +1 -0
  102. package/dist/components/button/ButtonIcon.d.ts +8 -0
  103. package/dist/components/button/ButtonIcon.d.ts.map +1 -0
  104. package/dist/components/button/ButtonIcon.js +6 -0
  105. package/dist/components/button/ButtonIcon.js.map +1 -0
  106. package/dist/components/button/ButtonLabel.d.ts +6 -0
  107. package/dist/components/button/ButtonLabel.d.ts.map +1 -0
  108. package/dist/components/button/ButtonLabel.js +6 -0
  109. package/dist/components/button/ButtonLabel.js.map +1 -0
  110. package/dist/components/button/ButtonRoot.d.ts +15 -0
  111. package/dist/components/button/ButtonRoot.d.ts.map +1 -0
  112. package/dist/components/button/ButtonRoot.js +21 -0
  113. package/dist/components/button/ButtonRoot.js.map +1 -0
  114. package/dist/components/button/index.d.ts +9 -0
  115. package/dist/components/button/index.d.ts.map +1 -0
  116. package/dist/components/button/index.js +5 -0
  117. package/dist/components/button/index.js.map +1 -0
  118. package/dist/components/button/useButton.d.ts +16 -0
  119. package/dist/components/button/useButton.d.ts.map +1 -0
  120. package/dist/components/button/useButton.js +12 -0
  121. package/dist/components/button/useButton.js.map +1 -0
  122. package/dist/components/card/index.d.ts +17 -0
  123. package/dist/components/card/index.d.ts.map +1 -0
  124. package/dist/components/card/index.js +23 -0
  125. package/dist/components/card/index.js.map +1 -0
  126. package/dist/components/charts/index.d.ts +60 -0
  127. package/dist/components/charts/index.d.ts.map +1 -0
  128. package/dist/components/charts/index.js +209 -0
  129. package/dist/components/charts/index.js.map +1 -0
  130. package/dist/components/checkbox/index.d.ts +17 -0
  131. package/dist/components/checkbox/index.d.ts.map +1 -0
  132. package/dist/components/checkbox/index.js +16 -0
  133. package/dist/components/checkbox/index.js.map +1 -0
  134. package/dist/components/chip/index.d.ts +3 -0
  135. package/dist/components/chip/index.d.ts.map +1 -0
  136. package/dist/components/chip/index.js +3 -0
  137. package/dist/components/chip/index.js.map +1 -0
  138. package/dist/components/circular-progress/index.d.ts +15 -0
  139. package/dist/components/circular-progress/index.d.ts.map +1 -0
  140. package/dist/components/circular-progress/index.js +26 -0
  141. package/dist/components/circular-progress/index.js.map +1 -0
  142. package/dist/components/codeblock/CodeBlock.d.ts +13 -0
  143. package/dist/components/codeblock/CodeBlock.d.ts.map +1 -0
  144. package/dist/components/codeblock/CodeBlock.js +32 -0
  145. package/dist/components/codeblock/CodeBlock.js.map +1 -0
  146. package/dist/components/codeblock/index.d.ts +3 -0
  147. package/dist/components/codeblock/index.d.ts.map +1 -0
  148. package/dist/components/codeblock/index.js +2 -0
  149. package/dist/components/codeblock/index.js.map +1 -0
  150. package/dist/components/command-palette/index.d.ts +22 -0
  151. package/dist/components/command-palette/index.d.ts.map +1 -0
  152. package/dist/components/command-palette/index.js +82 -0
  153. package/dist/components/command-palette/index.js.map +1 -0
  154. package/dist/components/confirm-dialog/index.d.ts +17 -0
  155. package/dist/components/confirm-dialog/index.d.ts.map +1 -0
  156. package/dist/components/confirm-dialog/index.js +8 -0
  157. package/dist/components/confirm-dialog/index.js.map +1 -0
  158. package/dist/components/context-menu/index.d.ts +19 -0
  159. package/dist/components/context-menu/index.d.ts.map +1 -0
  160. package/dist/components/context-menu/index.js +47 -0
  161. package/dist/components/context-menu/index.js.map +1 -0
  162. package/dist/components/dialog/index.d.ts +16 -0
  163. package/dist/components/dialog/index.d.ts.map +1 -0
  164. package/dist/components/dialog/index.js +41 -0
  165. package/dist/components/dialog/index.js.map +1 -0
  166. package/dist/components/divider/index.d.ts +3 -0
  167. package/dist/components/divider/index.d.ts.map +1 -0
  168. package/dist/components/divider/index.js +3 -0
  169. package/dist/components/divider/index.js.map +1 -0
  170. package/dist/components/drawer/index.d.ts +16 -0
  171. package/dist/components/drawer/index.d.ts.map +1 -0
  172. package/dist/components/drawer/index.js +35 -0
  173. package/dist/components/drawer/index.js.map +1 -0
  174. package/dist/components/dropdown/index.d.ts +16 -0
  175. package/dist/components/dropdown/index.d.ts.map +1 -0
  176. package/dist/components/dropdown/index.js +69 -0
  177. package/dist/components/dropdown/index.js.map +1 -0
  178. package/dist/components/emptystate/index.d.ts +13 -0
  179. package/dist/components/emptystate/index.d.ts.map +1 -0
  180. package/dist/components/emptystate/index.js +7 -0
  181. package/dist/components/emptystate/index.js.map +1 -0
  182. package/dist/components/extended/index.d.ts +163 -0
  183. package/dist/components/extended/index.d.ts.map +1 -0
  184. package/dist/components/extended/index.js +267 -0
  185. package/dist/components/extended/index.js.map +1 -0
  186. package/dist/components/hover-card/index.d.ts +14 -0
  187. package/dist/components/hover-card/index.d.ts.map +1 -0
  188. package/dist/components/hover-card/index.js +72 -0
  189. package/dist/components/hover-card/index.js.map +1 -0
  190. package/dist/components/infinite-scroll/index.d.ts +16 -0
  191. package/dist/components/infinite-scroll/index.d.ts.map +1 -0
  192. package/dist/components/infinite-scroll/index.js +19 -0
  193. package/dist/components/infinite-scroll/index.js.map +1 -0
  194. package/dist/components/input/index.d.ts +19 -0
  195. package/dist/components/input/index.d.ts.map +1 -0
  196. package/dist/components/input/index.js +25 -0
  197. package/dist/components/input/index.js.map +1 -0
  198. package/dist/components/layout/index.d.ts +39 -0
  199. package/dist/components/layout/index.d.ts.map +1 -0
  200. package/dist/components/layout/index.js +32 -0
  201. package/dist/components/layout/index.js.map +1 -0
  202. package/dist/components/link/index.d.ts +3 -0
  203. package/dist/components/link/index.d.ts.map +1 -0
  204. package/dist/components/link/index.js +3 -0
  205. package/dist/components/link/index.js.map +1 -0
  206. package/dist/components/list/index.d.ts +13 -0
  207. package/dist/components/list/index.d.ts.map +1 -0
  208. package/dist/components/list/index.js +12 -0
  209. package/dist/components/list/index.js.map +1 -0
  210. package/dist/components/menu/index.d.ts +19 -0
  211. package/dist/components/menu/index.d.ts.map +1 -0
  212. package/dist/components/menu/index.js +85 -0
  213. package/dist/components/menu/index.js.map +1 -0
  214. package/dist/components/nav-rail/index.d.ts +20 -0
  215. package/dist/components/nav-rail/index.d.ts.map +1 -0
  216. package/dist/components/nav-rail/index.js +10 -0
  217. package/dist/components/nav-rail/index.js.map +1 -0
  218. package/dist/components/pagination/index.d.ts +9 -0
  219. package/dist/components/pagination/index.d.ts.map +1 -0
  220. package/dist/components/pagination/index.js +44 -0
  221. package/dist/components/pagination/index.js.map +1 -0
  222. package/dist/components/popover/index.d.ts +16 -0
  223. package/dist/components/popover/index.d.ts.map +1 -0
  224. package/dist/components/popover/index.js +79 -0
  225. package/dist/components/popover/index.js.map +1 -0
  226. package/dist/components/portal/index.d.ts +7 -0
  227. package/dist/components/portal/index.d.ts.map +1 -0
  228. package/dist/components/portal/index.js +8 -0
  229. package/dist/components/portal/index.js.map +1 -0
  230. package/dist/components/progress/index.d.ts +25 -0
  231. package/dist/components/progress/index.d.ts.map +1 -0
  232. package/dist/components/progress/index.js +19 -0
  233. package/dist/components/progress/index.js.map +1 -0
  234. package/dist/components/radio/index.d.ts +25 -0
  235. package/dist/components/radio/index.d.ts.map +1 -0
  236. package/dist/components/radio/index.js +24 -0
  237. package/dist/components/radio/index.js.map +1 -0
  238. package/dist/components/result/index.d.ts +14 -0
  239. package/dist/components/result/index.d.ts.map +1 -0
  240. package/dist/components/result/index.js +23 -0
  241. package/dist/components/result/index.js.map +1 -0
  242. package/dist/components/search-field/index.d.ts +15 -0
  243. package/dist/components/search-field/index.d.ts.map +1 -0
  244. package/dist/components/search-field/index.js +28 -0
  245. package/dist/components/search-field/index.js.map +1 -0
  246. package/dist/components/select/index.d.ts +23 -0
  247. package/dist/components/select/index.d.ts.map +1 -0
  248. package/dist/components/select/index.js +86 -0
  249. package/dist/components/select/index.js.map +1 -0
  250. package/dist/components/skeleton/index.d.ts +3 -0
  251. package/dist/components/skeleton/index.d.ts.map +1 -0
  252. package/dist/components/skeleton/index.js +3 -0
  253. package/dist/components/skeleton/index.js.map +1 -0
  254. package/dist/components/slider/index.d.ts +18 -0
  255. package/dist/components/slider/index.d.ts.map +1 -0
  256. package/dist/components/slider/index.js +71 -0
  257. package/dist/components/slider/index.js.map +1 -0
  258. package/dist/components/snackbar/index.d.ts +27 -0
  259. package/dist/components/snackbar/index.d.ts.map +1 -0
  260. package/dist/components/snackbar/index.js +38 -0
  261. package/dist/components/snackbar/index.js.map +1 -0
  262. package/dist/components/spinner/index.d.ts +3 -0
  263. package/dist/components/spinner/index.d.ts.map +1 -0
  264. package/dist/components/spinner/index.js +3 -0
  265. package/dist/components/spinner/index.js.map +1 -0
  266. package/dist/components/statistic/index.d.ts +13 -0
  267. package/dist/components/statistic/index.d.ts.map +1 -0
  268. package/dist/components/statistic/index.js +15 -0
  269. package/dist/components/statistic/index.js.map +1 -0
  270. package/dist/components/stepper/index.d.ts +17 -0
  271. package/dist/components/stepper/index.d.ts.map +1 -0
  272. package/dist/components/stepper/index.js +22 -0
  273. package/dist/components/stepper/index.js.map +1 -0
  274. package/dist/components/switch/index.d.ts +16 -0
  275. package/dist/components/switch/index.d.ts.map +1 -0
  276. package/dist/components/switch/index.js +17 -0
  277. package/dist/components/switch/index.js.map +1 -0
  278. package/dist/components/table/index.d.ts +17 -0
  279. package/dist/components/table/index.d.ts.map +1 -0
  280. package/dist/components/table/index.js +24 -0
  281. package/dist/components/table/index.js.map +1 -0
  282. package/dist/components/tabs/index.d.ts +19 -0
  283. package/dist/components/tabs/index.d.ts.map +1 -0
  284. package/dist/components/tabs/index.js +42 -0
  285. package/dist/components/tabs/index.js.map +1 -0
  286. package/dist/components/tag/index.d.ts +3 -0
  287. package/dist/components/tag/index.d.ts.map +1 -0
  288. package/dist/components/tag/index.js +3 -0
  289. package/dist/components/tag/index.js.map +1 -0
  290. package/dist/components/timeline/index.d.ts +16 -0
  291. package/dist/components/timeline/index.d.ts.map +1 -0
  292. package/dist/components/timeline/index.js +10 -0
  293. package/dist/components/timeline/index.js.map +1 -0
  294. package/dist/components/toggle/index.d.ts +32 -0
  295. package/dist/components/toggle/index.d.ts.map +1 -0
  296. package/dist/components/toggle/index.js +29 -0
  297. package/dist/components/toggle/index.js.map +1 -0
  298. package/dist/components/tooltip/index.d.ts +11 -0
  299. package/dist/components/tooltip/index.d.ts.map +1 -0
  300. package/dist/components/tooltip/index.js +81 -0
  301. package/dist/components/tooltip/index.js.map +1 -0
  302. package/dist/components/treeview/index.d.ts +19 -0
  303. package/dist/components/treeview/index.d.ts.map +1 -0
  304. package/dist/components/treeview/index.js +87 -0
  305. package/dist/components/treeview/index.js.map +1 -0
  306. package/dist/components/typography/index.d.ts +11 -0
  307. package/dist/components/typography/index.d.ts.map +1 -0
  308. package/dist/components/typography/index.js +18 -0
  309. package/dist/components/typography/index.js.map +1 -0
  310. package/dist/components/virtual-list/index.d.ts +15 -0
  311. package/dist/components/virtual-list/index.d.ts.map +1 -0
  312. package/dist/components/virtual-list/index.js +23 -0
  313. package/dist/components/virtual-list/index.js.map +1 -0
  314. package/dist/context/ConfigProvider.d.ts +12 -0
  315. package/dist/context/ConfigProvider.d.ts.map +1 -0
  316. package/dist/context/ConfigProvider.js +18 -0
  317. package/dist/context/ConfigProvider.js.map +1 -0
  318. package/dist/context/ThemeContext.d.ts +15 -0
  319. package/dist/context/ThemeContext.d.ts.map +1 -0
  320. package/dist/context/ThemeContext.js +21 -0
  321. package/dist/context/ThemeContext.js.map +1 -0
  322. package/dist/hooks/useControllableState.d.ts +10 -0
  323. package/dist/hooks/useControllableState.d.ts.map +1 -0
  324. package/dist/hooks/useControllableState.js +29 -0
  325. package/dist/hooks/useControllableState.js.map +1 -0
  326. package/dist/hooks/useDialog.d.ts +24 -0
  327. package/dist/hooks/useDialog.d.ts.map +1 -0
  328. package/dist/hooks/useDialog.js +33 -0
  329. package/dist/hooks/useDialog.js.map +1 -0
  330. package/dist/hooks/useId.d.ts +7 -0
  331. package/dist/hooks/useId.d.ts.map +1 -0
  332. package/dist/hooks/useId.js +11 -0
  333. package/dist/hooks/useId.js.map +1 -0
  334. package/dist/hooks/useMenu.d.ts +21 -0
  335. package/dist/hooks/useMenu.d.ts.map +1 -0
  336. package/dist/hooks/useMenu.js +62 -0
  337. package/dist/hooks/useMenu.js.map +1 -0
  338. package/dist/hooks/usePopover.d.ts +22 -0
  339. package/dist/hooks/usePopover.d.ts.map +1 -0
  340. package/dist/hooks/usePopover.js +30 -0
  341. package/dist/hooks/usePopover.js.map +1 -0
  342. package/dist/hooks/useTabs.d.ts +22 -0
  343. package/dist/hooks/useTabs.d.ts.map +1 -0
  344. package/dist/hooks/useTabs.js +49 -0
  345. package/dist/hooks/useTabs.js.map +1 -0
  346. package/dist/index.d.ts +65 -0
  347. package/dist/index.d.ts.map +1 -0
  348. package/dist/index.js +85 -0
  349. package/dist/index.js.map +1 -0
  350. package/dist/utils/cn.d.ts +6 -0
  351. package/dist/utils/cn.d.ts.map +1 -0
  352. package/dist/utils/cn.js +8 -0
  353. package/dist/utils/cn.js.map +1 -0
  354. package/package.json +79 -0
@@ -0,0 +1,72 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useState, useRef, useCallback, useEffect } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ import { Portal } from '../portal/index.js';
5
+ function computePosition(anchor, placement) {
6
+ const gap = 8;
7
+ switch (placement) {
8
+ case 'top': return { top: anchor.top - gap, left: anchor.left + anchor.width / 2 };
9
+ case 'bottom': return { top: anchor.bottom + gap, left: anchor.left + anchor.width / 2 };
10
+ case 'left': return { top: anchor.top + anchor.height / 2, left: anchor.left - gap };
11
+ case 'right': return { top: anchor.top + anchor.height / 2, left: anchor.right + gap };
12
+ }
13
+ }
14
+ export function HoverCard({ trigger, content, placement = 'bottom', openDelay = 300, closeDelay = 200, className, }) {
15
+ const [visible, setVisible] = useState(false);
16
+ const [positioned, setPositioned] = useState(false);
17
+ const [pos, setPos] = useState({ top: 0, left: 0 });
18
+ const anchorRef = useRef(null);
19
+ const openTimer = useRef();
20
+ const closeTimer = useRef();
21
+ const show = useCallback(() => {
22
+ clearTimeout(closeTimer.current);
23
+ openTimer.current = setTimeout(() => {
24
+ if (!anchorRef.current)
25
+ return;
26
+ const rect = anchorRef.current.getBoundingClientRect();
27
+ setPos(computePosition(rect, placement));
28
+ setVisible(true);
29
+ requestAnimationFrame(() => setPositioned(true));
30
+ }, openDelay);
31
+ }, [openDelay, placement]);
32
+ const hide = useCallback(() => {
33
+ clearTimeout(openTimer.current);
34
+ setPositioned(false);
35
+ closeTimer.current = setTimeout(() => setVisible(false), closeDelay);
36
+ }, [closeDelay]);
37
+ useEffect(() => () => { clearTimeout(openTimer.current); clearTimeout(closeTimer.current); }, []);
38
+ const transformMap = {
39
+ top: 'translateX(-50%) translateY(-100%)',
40
+ bottom: 'translateX(-50%)',
41
+ left: 'translateX(-100%) translateY(-50%)',
42
+ right: 'translateY(-50%)',
43
+ };
44
+ return (_jsxs(_Fragment, { children: [React.cloneElement(trigger, {
45
+ ref: anchorRef,
46
+ onMouseEnter: (...args) => {
47
+ show();
48
+ trigger.props.onMouseEnter?.(...args);
49
+ },
50
+ onMouseLeave: (...args) => {
51
+ hide();
52
+ trigger.props.onMouseLeave?.(...args);
53
+ },
54
+ onFocus: (...args) => {
55
+ show();
56
+ trigger.props.onFocus?.(...args);
57
+ },
58
+ onBlur: (...args) => {
59
+ hide();
60
+ trigger.props.onBlur?.(...args);
61
+ },
62
+ }), visible && (_jsx(Portal, { children: _jsx("div", { className: cn('tokis-hover-card', `tokis-hover-card--${placement}`, className), style: {
63
+ position: 'fixed',
64
+ top: pos.top,
65
+ left: pos.left,
66
+ transform: transformMap[placement],
67
+ opacity: positioned ? undefined : 0,
68
+ pointerEvents: positioned ? undefined : 'none',
69
+ }, onMouseEnter: () => clearTimeout(closeTimer.current), onMouseLeave: hide, children: content }) }))] }));
70
+ }
71
+ HoverCard.displayName = 'HoverCard';
72
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hover-card/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ export interface InfiniteScrollProps {
3
+ children: React.ReactNode;
4
+ hasMore: boolean;
5
+ loading: boolean;
6
+ onLoadMore: () => void;
7
+ loadingComponent?: React.ReactNode;
8
+ endMessage?: React.ReactNode;
9
+ threshold?: number;
10
+ className?: string;
11
+ }
12
+ export declare function InfiniteScroll({ children, hasMore, loading, onLoadMore, loadingComponent, endMessage, threshold, className, }: InfiniteScrollProps): JSX.Element;
13
+ export declare namespace InfiniteScroll {
14
+ var displayName: string;
15
+ }
16
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/infinite-scroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAe,EACf,SAAS,GACV,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA6BnC;yBAtCe,cAAc"}
@@ -0,0 +1,19 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useRef, useEffect } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ export function InfiniteScroll({ children, hasMore, loading, onLoadMore, loadingComponent, endMessage, threshold = 0.1, className, }) {
5
+ const sentinelRef = useRef(null);
6
+ useEffect(() => {
7
+ if (!sentinelRef.current)
8
+ return;
9
+ const observer = new IntersectionObserver(([entry]) => {
10
+ if (entry.isIntersecting && hasMore && !loading)
11
+ onLoadMore();
12
+ }, { threshold });
13
+ observer.observe(sentinelRef.current);
14
+ return () => observer.disconnect();
15
+ }, [hasMore, loading, onLoadMore, threshold]);
16
+ return (_jsxs("div", { className: cn('tokis-infinite-scroll', className), children: [children, loading && (_jsx("div", { className: "tokis-infinite-scroll__loading", children: loadingComponent ?? _jsx("span", { className: "tokis-infinite-scroll__spinner", "aria-label": "Loading more\u2026" }) })), !hasMore && !loading && endMessage && (_jsx("div", { className: "tokis-infinite-scroll__end", children: endMessage })), _jsx("div", { ref: sentinelRef, className: "tokis-infinite-scroll__sentinel", "aria-hidden": "true" })] }));
17
+ }
18
+ InfiniteScroll.displayName = 'InfiniteScroll';
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/infinite-scroll/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAavC,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GACW;IACpB,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QACjC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,OAAO;gBAAE,UAAU,EAAE,CAAC;QAChE,CAAC,EACD,EAAE,SAAS,EAAE,CACd,CAAC;QACF,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACnD,QAAQ,EACR,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,gCAAgC,YAC5C,gBAAgB,IAAI,eAAM,SAAS,EAAC,gCAAgC,gBAAY,oBAAe,GAAG,GAC/F,CACP,EACA,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,UAAU,IAAI,CACrC,cAAK,SAAS,EAAC,4BAA4B,YAAE,UAAU,GAAO,CAC/D,EACD,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iCAAiC,iBAAa,MAAM,GAAG,IACpF,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
+ label?: string;
4
+ helperText?: string;
5
+ error?: boolean;
6
+ startAdornment?: React.ReactNode;
7
+ endAdornment?: React.ReactNode;
8
+ inputSize?: 'sm' | 'md' | 'lg';
9
+ required?: boolean;
10
+ }
11
+ export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
12
+ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
13
+ label?: string;
14
+ helperText?: string;
15
+ error?: boolean;
16
+ required?: boolean;
17
+ }
18
+ export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
19
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoB3D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yFA2EpB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,2FA8BnB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef, useId, useState } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ // ─── TextField ────────────────────────────────────────────
5
+ const EyeShowIcon = () => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M1 7s2-4 6-4 6 4 6 4-2 4-6 4-6-4-6-4z", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: "currentColor", strokeWidth: "1.3" })] }));
6
+ const EyeHideIcon = () => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M1 7s2-4 6-4 6 4 6 4-2 4-6 4-6-4-6-4z", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M2 2l10 10", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })] }));
7
+ export const TextField = forwardRef(({ label, helperText, error = false, startAdornment, endAdornment, inputSize = 'md', required, id, className, disabled, type, ...props }, ref) => {
8
+ const autoId = useId();
9
+ const inputId = id ?? `field-${autoId}`;
10
+ const helperId = helperText ? `${inputId}-helper` : undefined;
11
+ const isPassword = type === 'password';
12
+ const [showPassword, setShowPassword] = useState(false);
13
+ const resolvedType = isPassword ? (showPassword ? 'text' : 'password') : type;
14
+ const passwordToggle = isPassword && !endAdornment ? (_jsx("button", { type: "button", className: "tokis-input-password-toggle", onClick: () => setShowPassword((v) => !v), "aria-label": showPassword ? 'Hide password' : 'Show password', tabIndex: -1, children: showPassword ? _jsx(EyeHideIcon, {}) : _jsx(EyeShowIcon, {}) })) : null;
15
+ return (_jsxs("div", { className: cn('tokis-field', className), children: [label && (_jsx("label", { htmlFor: inputId, className: cn('tokis-label', required && 'tokis-label--required'), children: label })), _jsxs("div", { className: "tokis-input-wrapper", children: [startAdornment && (_jsx("span", { className: "tokis-input-adornment tokis-input-adornment--start", children: startAdornment })), _jsx("input", { ref: ref, id: inputId, disabled: disabled, required: required, type: resolvedType, "aria-invalid": error || undefined, "aria-describedby": helperId, className: cn('tokis-input', inputSize !== 'md' && `tokis-input--${inputSize}`, !!startAdornment && 'tokis-input--with-start', !!(endAdornment || passwordToggle) && 'tokis-input--with-end'), ...props }), passwordToggle, endAdornment && (_jsx("span", { className: "tokis-input-adornment tokis-input-adornment--end", children: endAdornment }))] }), helperText && (_jsx("span", { id: helperId, className: cn('tokis-helper-text', error && 'tokis-helper-text--error'), children: helperText }))] }));
16
+ });
17
+ TextField.displayName = 'TextField';
18
+ export const Textarea = forwardRef(({ label, helperText, error = false, required, id, className, ...props }, ref) => {
19
+ const autoId = useId();
20
+ const textareaId = id ?? `textarea-${autoId}`;
21
+ const helperId = helperText ? `${textareaId}-helper` : undefined;
22
+ return (_jsxs("div", { className: cn('tokis-field', className), children: [label && (_jsx("label", { htmlFor: textareaId, className: cn('tokis-label', required && 'tokis-label--required'), children: label })), _jsx("textarea", { ref: ref, id: textareaId, required: required, "aria-invalid": error || undefined, "aria-describedby": helperId, className: "tokis-textarea", ...props }), helperText && (_jsx("span", { id: helperId, className: cn('tokis-helper-text', error && 'tokis-helper-text--error'), children: helperText }))] }));
23
+ });
24
+ Textarea.displayName = 'Textarea';
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,39 @@
1
+ import React, { CSSProperties } from 'react';
2
+ type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
3
+ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ direction?: 'row' | 'column';
5
+ gap?: GapValue;
6
+ align?: CSSProperties['alignItems'];
7
+ justify?: CSSProperties['justifyContent'];
8
+ wrap?: boolean;
9
+ as?: React.ElementType;
10
+ }
11
+ export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
12
+ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
13
+ columns?: number | string;
14
+ gap?: GapValue;
15
+ rowGap?: GapValue;
16
+ columnGap?: GapValue;
17
+ as?: React.ElementType;
18
+ }
19
+ export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
20
+ export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
21
+ fluid?: boolean;
22
+ as?: React.ElementType;
23
+ }
24
+ export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
25
+ export interface BoxProps extends React.HTMLAttributes<HTMLElement> {
26
+ as?: React.ElementType;
27
+ display?: CSSProperties['display'];
28
+ flex?: CSSProperties['flex'];
29
+ gap?: GapValue;
30
+ p?: GapValue;
31
+ px?: GapValue;
32
+ py?: GapValue;
33
+ m?: GapValue;
34
+ width?: string;
35
+ height?: string;
36
+ }
37
+ export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
38
+ export {};
39
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AAGzD,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAK7D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,mFAWhB,CAAC;AAIH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,kFAiBf,CAAC;AAIH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,uFAEpB,CAAC;AAIH,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,8EAsBd,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ const gapVar = (g) => `var(--tokis-spacing-${g})`;
5
+ export const Stack = forwardRef(({ direction = 'column', gap = 4, align, justify, wrap = false, as: Component = 'div', className, style, children, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-stack', direction === 'column' ? 'tokis-stack--v' : 'tokis-stack--h', wrap && 'tokis-stack--wrap', className), style: { gap: gapVar(gap), alignItems: align, justifyContent: justify, ...style }, ...props, children: children })));
6
+ Stack.displayName = 'Stack';
7
+ export const Grid = forwardRef(({ columns = 1, gap = 4, rowGap, columnGap, as: Component = 'div', className, style, children, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-grid', className), style: {
8
+ gridTemplateColumns: (typeof columns === 'number') ? `repeat(${columns}, minmax(0, 1fr))` : columns,
9
+ gap: gapVar(gap),
10
+ rowGap: rowGap !== undefined ? gapVar(rowGap) : undefined,
11
+ columnGap: columnGap !== undefined ? gapVar(columnGap) : undefined,
12
+ ...style,
13
+ }, ...props, children: children })));
14
+ Grid.displayName = 'Grid';
15
+ export const Container = forwardRef(({ fluid = false, as: Component = 'div', className, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-container', fluid && 'tokis-container--fluid', className), ...props })));
16
+ Container.displayName = 'Container';
17
+ export const Box = forwardRef(({ as: Component = 'div', display, flex, gap, p, px, py, m, width, height, className, style, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-box', className), style: {
18
+ display,
19
+ flex,
20
+ gap: gap !== undefined ? gapVar(gap) : undefined,
21
+ padding: p !== undefined ? gapVar(p) : undefined,
22
+ paddingLeft: px !== undefined ? gapVar(px) : undefined,
23
+ paddingRight: px !== undefined ? gapVar(px) : undefined,
24
+ paddingTop: py !== undefined ? gapVar(py) : undefined,
25
+ paddingBottom: py !== undefined ? gapVar(py) : undefined,
26
+ margin: m !== undefined ? gapVar(m) : undefined,
27
+ width,
28
+ height,
29
+ ...style,
30
+ }, ...props })));
31
+ Box.displayName = 'Box';
32
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Link, Breadcrumbs } from '../breadcrumbs/index.js';
2
+ export type { LinkProps, BreadcrumbsProps, BreadcrumbItem } from '../breadcrumbs/index.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,3 @@
1
+ // Re-export Link, Breadcrumbs from breadcrumbs (Pagination moved to pagination/)
2
+ export { Link, Breadcrumbs } from '../breadcrumbs/index.js';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
+ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ selected?: boolean;
5
+ disabled?: boolean;
6
+ icon?: React.ReactNode;
7
+ endContent?: React.ReactNode;
8
+ primary?: React.ReactNode;
9
+ secondary?: React.ReactNode;
10
+ clickable?: boolean;
11
+ }
12
+ export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,IAAI,6GAIhB,CAAC;AAGF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,sFAwBnB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ // ─── List ────────────────────────────────────────────────
5
+ export const List = forwardRef(({ className, role = 'list', ...props }, ref) => (_jsx("div", { ref: ref, role: role, className: cn('tokis-list', className), ...props })));
6
+ List.displayName = 'List';
7
+ export const ListItem = forwardRef(({ selected = false, disabled = false, icon, endContent, primary, secondary, clickable = false, className, children, onClick, ...props }, ref) => (_jsxs("div", { ref: ref, role: clickable ? 'listitem' : 'listitem', tabIndex: clickable && !disabled ? 0 : undefined, "aria-selected": selected || undefined, "aria-disabled": disabled || undefined, className: cn('tokis-list-item', (clickable || onClick) && 'tokis-list-item--clickable', selected && 'tokis-list-item--selected', className), onClick: !disabled ? onClick : undefined, onKeyDown: !disabled && onClick ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
8
+ e.preventDefault();
9
+ onClick(e);
10
+ } } : undefined, ...props, children: [icon && _jsx("span", { className: "tokis-list-item__icon", "aria-hidden": "true", children: icon }), (primary || secondary) ? (_jsxs("div", { className: "tokis-list-item__content", children: [primary && _jsx("div", { className: "tokis-list-item__primary", children: primary }), secondary && _jsx("div", { className: "tokis-list-item__secondary", children: secondary })] })) : children, endContent && _jsx("span", { className: "tokis-list-item__end", children: endContent })] })));
11
+ ListItem.displayName = 'ListItem';
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/list/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,4DAA4D;AAC5D,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,cAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACjF,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAY1B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,CAAC,EACjE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAC3F,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EACvC,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACzC,QAAQ,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,mBACjC,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,4BAA4B,EAAE,QAAQ,IAAI,2BAA2B,EAAE,SAAS,CAAC,EAC5I,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QAAC,CAAC,CAAC,cAAc,EAAE,CAAC;QAAC,OAAO,CAAC,CAAgD,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC/K,KAAK,aAER,IAAI,IAAI,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YAAE,IAAI,GAAQ,EAChF,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CACxB,eAAK,SAAS,EAAC,0BAA0B,aACtC,OAAO,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,EACpE,SAAS,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAO,IACvE,CACP,CAAC,CAAC,CAAC,QAAQ,EACX,UAAU,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,UAAU,GAAQ,IACrE,CACP,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface MenuItem {
3
+ type?: 'item' | 'separator' | 'label';
4
+ label?: React.ReactNode;
5
+ icon?: React.ReactNode;
6
+ shortcut?: string;
7
+ onClick?: () => void;
8
+ disabled?: boolean;
9
+ destructive?: boolean;
10
+ items?: MenuItem[];
11
+ }
12
+ export interface MenuProps {
13
+ trigger: React.ReactElement;
14
+ items: MenuItem[];
15
+ placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
16
+ className?: string;
17
+ }
18
+ export declare function Menu({ trigger, items, placement, className }: MenuProps): import("react/jsx-runtime").JSX.Element;
19
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAA0B,EAAE,SAAS,EAAE,EAAE,SAAS,2CAkGxF"}
@@ -0,0 +1,85 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import React, { useState, useRef, useEffect, useId, useCallback } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ import { Portal } from '../portal/index.js';
5
+ export function Menu({ trigger, items, placement = 'bottom-start', className }) {
6
+ const [open, setOpen] = useState(false);
7
+ const [pos, setPos] = useState({ top: 0, left: 0 });
8
+ const [focusedIndex, setFocusedIndex] = useState(-1);
9
+ const triggerRef = useRef(null);
10
+ const contentRef = useRef(null);
11
+ const menuId = useId();
12
+ const updatePosition = useCallback(() => {
13
+ if (!triggerRef.current)
14
+ return;
15
+ const rect = triggerRef.current.getBoundingClientRect();
16
+ const isBottom = placement.startsWith('bottom');
17
+ const isStart = placement.endsWith('start');
18
+ setPos({
19
+ top: isBottom ? rect.bottom + window.scrollY + 4 : rect.top + window.scrollY - 4,
20
+ left: isStart ? rect.left + window.scrollX : rect.right + window.scrollX,
21
+ });
22
+ }, [placement]);
23
+ const clickableItems = items.filter((i) => i.type !== 'separator' && i.type !== 'label' && !i.disabled);
24
+ useEffect(() => {
25
+ if (!open)
26
+ return;
27
+ const handle = (e) => {
28
+ if (!triggerRef.current?.contains(e.target) && !contentRef.current?.contains(e.target))
29
+ setOpen(false);
30
+ };
31
+ const handleKey = (e) => {
32
+ if (e.key === 'Escape') {
33
+ setOpen(false);
34
+ triggerRef.current?.focus();
35
+ }
36
+ };
37
+ document.addEventListener('mousedown', handle);
38
+ document.addEventListener('keydown', handleKey);
39
+ return () => { document.removeEventListener('mousedown', handle); document.removeEventListener('keydown', handleKey); };
40
+ }, [open]);
41
+ const handleTriggerKeyDown = (e) => {
42
+ if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {
43
+ e.preventDefault();
44
+ updatePosition();
45
+ setOpen(true);
46
+ setFocusedIndex(0);
47
+ }
48
+ };
49
+ const handleMenuKeyDown = (e) => {
50
+ if (e.key === 'ArrowDown') {
51
+ e.preventDefault();
52
+ setFocusedIndex((p) => (p + 1) % clickableItems.length);
53
+ }
54
+ if (e.key === 'ArrowUp') {
55
+ e.preventDefault();
56
+ setFocusedIndex((p) => (p - 1 + clickableItems.length) % clickableItems.length);
57
+ }
58
+ if (e.key === 'Enter' && focusedIndex >= 0) {
59
+ clickableItems[focusedIndex].onClick?.();
60
+ setOpen(false);
61
+ }
62
+ };
63
+ let clickableIdx = -1;
64
+ return (_jsxs(_Fragment, { children: [React.cloneElement(trigger, {
65
+ ref: triggerRef,
66
+ 'aria-haspopup': 'menu',
67
+ 'aria-expanded': open,
68
+ 'aria-controls': open ? menuId : undefined,
69
+ onClick: (e) => { updatePosition(); setOpen((v) => !v); trigger.props.onClick?.(e); },
70
+ onKeyDown: handleTriggerKeyDown,
71
+ }), open && (_jsx(Portal, { children: _jsx("div", { ref: contentRef, id: menuId, role: "menu", tabIndex: -1, className: cn('tokis-menu-content', className), style: { position: 'absolute', top: pos.top, left: pos.left, ...(placement.endsWith('end') && { transform: 'translateX(-100%)' }) }, onKeyDown: handleMenuKeyDown, children: items.map((item, i) => {
72
+ if (item.type === 'separator')
73
+ return _jsx("div", { className: "tokis-menu-separator", role: "separator" }, i);
74
+ if (item.type === 'label')
75
+ return _jsx("div", { className: "tokis-menu-group-label", children: item.label }, i);
76
+ clickableIdx++;
77
+ const isFocused = clickableIdx === focusedIndex;
78
+ const idx = clickableIdx;
79
+ return (_jsxs("button", { role: "menuitem", className: cn('tokis-menu-item', item.destructive && 'tokis-menu-item--destructive'), "data-focused": isFocused ? 'true' : undefined, "data-disabled": item.disabled ? 'true' : undefined, "aria-disabled": item.disabled, disabled: item.disabled, tabIndex: isFocused ? 0 : -1, onClick: () => { if (!item.disabled) {
80
+ item.onClick?.();
81
+ setOpen(false);
82
+ } }, onMouseEnter: () => setFocusedIndex(idx), children: [item.icon && _jsx("span", { className: "tokis-menu-item__icon", "aria-hidden": "true", children: item.icon }), _jsx("span", { className: "tokis-menu-item__label", children: item.label }), item.shortcut && _jsx("span", { className: "tokis-menu-item__shortcut", "aria-label": `keyboard shortcut: ${item.shortcut}`, children: item.shortcut })] }, i));
83
+ }) }) }))] }));
84
+ }
85
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ export interface NavRailItem {
3
+ value: string;
4
+ label: string;
5
+ icon: React.ReactNode;
6
+ badge?: string | number;
7
+ }
8
+ export interface NavigationRailProps {
9
+ items: NavRailItem[];
10
+ value: string;
11
+ onChange: (value: string) => void;
12
+ header?: React.ReactNode;
13
+ footer?: React.ReactNode;
14
+ className?: string;
15
+ }
16
+ export declare function NavigationRail({ items, value, onChange, header, footer, className }: NavigationRailProps): JSX.Element;
17
+ export declare namespace NavigationRail {
18
+ var displayName: string;
19
+ }
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav-rail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA+BtH;yBA/Be,cAAc"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from '../../utils/cn.js';
3
+ export function NavigationRail({ items, value, onChange, header, footer, className }) {
4
+ return (_jsxs("nav", { className: cn('tokis-nav-rail', className), "aria-label": "Navigation rail", children: [header && _jsx("div", { className: "tokis-nav-rail__header", children: header }), _jsx("div", { className: "tokis-nav-rail__items", children: items.map((item) => {
5
+ const isActive = item.value === value;
6
+ return (_jsxs("button", { className: cn('tokis-nav-rail__item', isActive && 'tokis-nav-rail__item--active'), onClick: () => onChange(item.value), "aria-current": isActive ? 'page' : undefined, "aria-label": item.label, children: [_jsxs("span", { className: "tokis-nav-rail__icon", children: [item.badge !== undefined && (_jsx("span", { className: "tokis-nav-rail__badge", "aria-label": `${item.badge} notifications`, children: item.badge })), item.icon] }), _jsx("span", { className: "tokis-nav-rail__label", children: item.label })] }, item.value));
7
+ }) }), footer && _jsx("div", { className: "tokis-nav-rail__footer", children: footer })] }));
8
+ }
9
+ NavigationRail.displayName = 'NavigationRail';
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nav-rail/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAuB;IACvG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,gBAAa,iBAAiB,aAC1E,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,EACjE,cAAK,SAAS,EAAC,uBAAuB,YACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;oBACtC,OAAO,CACL,kBAEE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,QAAQ,IAAI,8BAA8B,CAAC,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,kBACrB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC/B,IAAI,CAAC,KAAK,aAEtB,gBAAM,SAAS,EAAC,sBAAsB,aACnC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,eAAM,SAAS,EAAC,uBAAuB,gBAAa,GAAG,IAAI,CAAC,KAAK,gBAAgB,YAC9E,IAAI,CAAC,KAAK,GACN,CACR,EACA,IAAI,CAAC,IAAI,IACL,EACP,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,GAAQ,KAdtD,IAAI,CAAC,KAAK,CAeR,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -0,0 +1,9 @@
1
+ export interface PaginationProps {
2
+ page: number;
3
+ totalPages: number;
4
+ onChange: (page: number) => void;
5
+ siblingCount?: number;
6
+ className?: string;
7
+ }
8
+ export declare function Pagination({ page, totalPages, onChange, siblingCount, className, }: PaginationProps): JSX.Element;
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAgB,EAChB,SAAS,GACV,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA6D/B"}
@@ -0,0 +1,44 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useMemo } from 'react';
3
+ import { cn } from '../../utils/cn.js';
4
+ function range(start, end) {
5
+ const length = end - start + 1;
6
+ return Array.from({ length }, (_, i) => start + i);
7
+ }
8
+ function usePaginationItems(page, totalPages, siblingCount) {
9
+ return useMemo(() => {
10
+ const totalPageNumbers = siblingCount * 2 + 5; // siblings + first + last + current + 2 ellipsis
11
+ if (totalPages <= totalPageNumbers) {
12
+ return range(1, totalPages);
13
+ }
14
+ const leftSiblingIndex = Math.max(page - siblingCount, 1);
15
+ const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
16
+ const showLeftEllipsis = leftSiblingIndex > 2;
17
+ const showRightEllipsis = rightSiblingIndex < totalPages - 1;
18
+ if (!showLeftEllipsis && showRightEllipsis) {
19
+ const leftRange = range(1, 3 + siblingCount * 2);
20
+ return [...leftRange, 'ellipsis-end', totalPages];
21
+ }
22
+ if (showLeftEllipsis && !showRightEllipsis) {
23
+ const rightRange = range(totalPages - (2 + siblingCount * 2), totalPages);
24
+ return [1, 'ellipsis-start', ...rightRange];
25
+ }
26
+ const middleRange = range(leftSiblingIndex, rightSiblingIndex);
27
+ return [1, 'ellipsis-start', ...middleRange, 'ellipsis-end', totalPages];
28
+ }, [page, totalPages, siblingCount]);
29
+ }
30
+ export function Pagination({ page, totalPages, onChange, siblingCount = 1, className, }) {
31
+ const items = usePaginationItems(page, totalPages, siblingCount);
32
+ const handlePrev = () => { if (page > 1)
33
+ onChange(page - 1); };
34
+ const handleNext = () => { if (page < totalPages)
35
+ onChange(page + 1); };
36
+ return (_jsxs("nav", { className: cn('tokis-pagination', className), "aria-label": "Pagination navigation", role: "navigation", children: [_jsx("button", { className: cn('tokis-pagination__item', 'tokis-pagination__prev', page === 1 && 'tokis-pagination__item--disabled'), onClick: handlePrev, disabled: page === 1, "aria-label": "Go to previous page", "aria-disabled": page === 1, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), items.map((item, index) => {
37
+ if (item === 'ellipsis-start' || item === 'ellipsis-end') {
38
+ return (_jsx("span", { className: "tokis-pagination__ellipsis", "aria-hidden": "true", children: "\u2026" }, item));
39
+ }
40
+ const isActive = item === page;
41
+ return (_jsx("button", { className: cn('tokis-pagination__item', isActive && 'tokis-pagination__item--active'), onClick: () => onChange(item), "aria-label": `Go to page ${item}`, "aria-current": isActive ? 'page' : undefined, disabled: isActive, children: item }, `${item}-${index}`));
42
+ }), _jsx("button", { className: cn('tokis-pagination__item', 'tokis-pagination__next', page === totalPages && 'tokis-pagination__item--disabled'), onClick: handleNext, disabled: page === totalPages, "aria-label": "Go to next page", "aria-disabled": page === totalPages, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
43
+ }
44
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
3
+ export interface PopoverProps {
4
+ trigger: React.ReactElement;
5
+ content: React.ReactNode;
6
+ title?: React.ReactNode;
7
+ placement?: PopoverPlacement;
8
+ open?: boolean;
9
+ defaultOpen?: boolean;
10
+ onOpenChange?: (open: boolean) => void;
11
+ closeOnClickOutside?: boolean;
12
+ closeOnEsc?: boolean;
13
+ className?: string;
14
+ }
15
+ export declare function Popover({ trigger, content, title, placement, open, defaultOpen, onOpenChange, closeOnClickOutside, closeOnEsc, className }: PopoverProps): import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE7H,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAA0B,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,mBAA0B,EAAE,UAAiB,EAAE,SAAS,EAAE,EAAE,YAAY,2CAkF/L"}