@adminiumjs/ui 0.1.0-rc.1

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 (598) hide show
  1. package/LICENSE +661 -0
  2. package/dist/components/alert/Alert.d.ts +27 -0
  3. package/dist/components/alert/Alert.d.ts.map +1 -0
  4. package/dist/components/alert/Alert.js +25 -0
  5. package/dist/components/alert/Alert.js.map +1 -0
  6. package/dist/components/alert/index.d.ts +3 -0
  7. package/dist/components/alert/index.d.ts.map +1 -0
  8. package/dist/components/alert/index.js +2 -0
  9. package/dist/components/alert/index.js.map +1 -0
  10. package/dist/components/auth-layout/AuthLayout.d.ts +54 -0
  11. package/dist/components/auth-layout/AuthLayout.d.ts.map +1 -0
  12. package/dist/components/auth-layout/AuthLayout.js +30 -0
  13. package/dist/components/auth-layout/AuthLayout.js.map +1 -0
  14. package/dist/components/auth-layout/index.d.ts +3 -0
  15. package/dist/components/auth-layout/index.d.ts.map +1 -0
  16. package/dist/components/auth-layout/index.js +2 -0
  17. package/dist/components/auth-layout/index.js.map +1 -0
  18. package/dist/components/auth-screens/ForgotPasswordForm.d.ts +80 -0
  19. package/dist/components/auth-screens/ForgotPasswordForm.d.ts.map +1 -0
  20. package/dist/components/auth-screens/ForgotPasswordForm.js +50 -0
  21. package/dist/components/auth-screens/ForgotPasswordForm.js.map +1 -0
  22. package/dist/components/auth-screens/ResetPasswordForm.d.ts +55 -0
  23. package/dist/components/auth-screens/ResetPasswordForm.d.ts.map +1 -0
  24. package/dist/components/auth-screens/ResetPasswordForm.js +45 -0
  25. package/dist/components/auth-screens/ResetPasswordForm.js.map +1 -0
  26. package/dist/components/auth-screens/SignInForm.d.ts +67 -0
  27. package/dist/components/auth-screens/SignInForm.d.ts.map +1 -0
  28. package/dist/components/auth-screens/SignInForm.js +47 -0
  29. package/dist/components/auth-screens/SignInForm.js.map +1 -0
  30. package/dist/components/auth-screens/TwoFactorForm.d.ts +54 -0
  31. package/dist/components/auth-screens/TwoFactorForm.d.ts.map +1 -0
  32. package/dist/components/auth-screens/TwoFactorForm.js +47 -0
  33. package/dist/components/auth-screens/TwoFactorForm.js.map +1 -0
  34. package/dist/components/auth-screens/index.d.ts +9 -0
  35. package/dist/components/auth-screens/index.d.ts.map +1 -0
  36. package/dist/components/auth-screens/index.js +5 -0
  37. package/dist/components/auth-screens/index.js.map +1 -0
  38. package/dist/components/autosave-indicator/AutosaveIndicator.d.ts +28 -0
  39. package/dist/components/autosave-indicator/AutosaveIndicator.d.ts.map +1 -0
  40. package/dist/components/autosave-indicator/AutosaveIndicator.js +14 -0
  41. package/dist/components/autosave-indicator/AutosaveIndicator.js.map +1 -0
  42. package/dist/components/autosave-indicator/index.d.ts +3 -0
  43. package/dist/components/autosave-indicator/index.d.ts.map +1 -0
  44. package/dist/components/autosave-indicator/index.js +2 -0
  45. package/dist/components/autosave-indicator/index.js.map +1 -0
  46. package/dist/components/avatar/Avatar.d.ts +48 -0
  47. package/dist/components/avatar/Avatar.d.ts.map +1 -0
  48. package/dist/components/avatar/Avatar.js +104 -0
  49. package/dist/components/avatar/Avatar.js.map +1 -0
  50. package/dist/components/avatar/index.d.ts +3 -0
  51. package/dist/components/avatar/index.d.ts.map +1 -0
  52. package/dist/components/avatar/index.js +2 -0
  53. package/dist/components/avatar/index.js.map +1 -0
  54. package/dist/components/avatar-stack/AvatarStack.d.ts +21 -0
  55. package/dist/components/avatar-stack/AvatarStack.d.ts.map +1 -0
  56. package/dist/components/avatar-stack/AvatarStack.js +16 -0
  57. package/dist/components/avatar-stack/AvatarStack.js.map +1 -0
  58. package/dist/components/avatar-stack/index.d.ts +3 -0
  59. package/dist/components/avatar-stack/index.d.ts.map +1 -0
  60. package/dist/components/avatar-stack/index.js +2 -0
  61. package/dist/components/avatar-stack/index.js.map +1 -0
  62. package/dist/components/badge/Badge.d.ts +22 -0
  63. package/dist/components/badge/Badge.d.ts.map +1 -0
  64. package/dist/components/badge/Badge.js +21 -0
  65. package/dist/components/badge/Badge.js.map +1 -0
  66. package/dist/components/badge/index.d.ts +3 -0
  67. package/dist/components/badge/index.d.ts.map +1 -0
  68. package/dist/components/badge/index.js +6 -0
  69. package/dist/components/badge/index.js.map +1 -0
  70. package/dist/components/banner/Banner.d.ts +21 -0
  71. package/dist/components/banner/Banner.d.ts.map +1 -0
  72. package/dist/components/banner/Banner.js +24 -0
  73. package/dist/components/banner/Banner.js.map +1 -0
  74. package/dist/components/banner/index.d.ts +3 -0
  75. package/dist/components/banner/index.d.ts.map +1 -0
  76. package/dist/components/banner/index.js +2 -0
  77. package/dist/components/banner/index.js.map +1 -0
  78. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +22 -0
  79. package/dist/components/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  80. package/dist/components/breadcrumbs/Breadcrumbs.js +24 -0
  81. package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -0
  82. package/dist/components/breadcrumbs/index.d.ts +3 -0
  83. package/dist/components/breadcrumbs/index.d.ts.map +1 -0
  84. package/dist/components/breadcrumbs/index.js +2 -0
  85. package/dist/components/breadcrumbs/index.js.map +1 -0
  86. package/dist/components/bulk-action-bar/BulkActionBar.d.ts +35 -0
  87. package/dist/components/bulk-action-bar/BulkActionBar.d.ts.map +1 -0
  88. package/dist/components/bulk-action-bar/BulkActionBar.js +17 -0
  89. package/dist/components/bulk-action-bar/BulkActionBar.js.map +1 -0
  90. package/dist/components/bulk-action-bar/index.d.ts +3 -0
  91. package/dist/components/bulk-action-bar/index.d.ts.map +1 -0
  92. package/dist/components/bulk-action-bar/index.js +2 -0
  93. package/dist/components/bulk-action-bar/index.js.map +1 -0
  94. package/dist/components/button/Button.d.ts +27 -0
  95. package/dist/components/button/Button.d.ts.map +1 -0
  96. package/dist/components/button/Button.js +43 -0
  97. package/dist/components/button/Button.js.map +1 -0
  98. package/dist/components/button/index.d.ts +3 -0
  99. package/dist/components/button/index.d.ts.map +1 -0
  100. package/dist/components/button/index.js +2 -0
  101. package/dist/components/button/index.js.map +1 -0
  102. package/dist/components/card/Card.d.ts +27 -0
  103. package/dist/components/card/Card.d.ts.map +1 -0
  104. package/dist/components/card/Card.js +41 -0
  105. package/dist/components/card/Card.js.map +1 -0
  106. package/dist/components/card/index.d.ts +3 -0
  107. package/dist/components/card/index.d.ts.map +1 -0
  108. package/dist/components/card/index.js +2 -0
  109. package/dist/components/card/index.js.map +1 -0
  110. package/dist/components/checkbox/Checkbox.d.ts +13 -0
  111. package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
  112. package/dist/components/checkbox/Checkbox.js +16 -0
  113. package/dist/components/checkbox/Checkbox.js.map +1 -0
  114. package/dist/components/checkbox/index.d.ts +3 -0
  115. package/dist/components/checkbox/index.d.ts.map +1 -0
  116. package/dist/components/checkbox/index.js +2 -0
  117. package/dist/components/checkbox/index.js.map +1 -0
  118. package/dist/components/chip-input/ChipInput.d.ts +29 -0
  119. package/dist/components/chip-input/ChipInput.d.ts.map +1 -0
  120. package/dist/components/chip-input/ChipInput.js +96 -0
  121. package/dist/components/chip-input/ChipInput.js.map +1 -0
  122. package/dist/components/chip-input/index.d.ts +3 -0
  123. package/dist/components/chip-input/index.d.ts.map +1 -0
  124. package/dist/components/chip-input/index.js +2 -0
  125. package/dist/components/chip-input/index.js.map +1 -0
  126. package/dist/components/choice-chips/ChoiceChips.d.ts +40 -0
  127. package/dist/components/choice-chips/ChoiceChips.d.ts.map +1 -0
  128. package/dist/components/choice-chips/ChoiceChips.js +76 -0
  129. package/dist/components/choice-chips/ChoiceChips.js.map +1 -0
  130. package/dist/components/choice-chips/index.d.ts +3 -0
  131. package/dist/components/choice-chips/index.d.ts.map +1 -0
  132. package/dist/components/choice-chips/index.js +2 -0
  133. package/dist/components/choice-chips/index.js.map +1 -0
  134. package/dist/components/combobox/Combobox.d.ts +54 -0
  135. package/dist/components/combobox/Combobox.d.ts.map +1 -0
  136. package/dist/components/combobox/Combobox.js +127 -0
  137. package/dist/components/combobox/Combobox.js.map +1 -0
  138. package/dist/components/combobox/index.d.ts +3 -0
  139. package/dist/components/combobox/index.d.ts.map +1 -0
  140. package/dist/components/combobox/index.js +2 -0
  141. package/dist/components/combobox/index.js.map +1 -0
  142. package/dist/components/command-palette/CommandPalette.d.ts +62 -0
  143. package/dist/components/command-palette/CommandPalette.d.ts.map +1 -0
  144. package/dist/components/command-palette/CommandPalette.js +91 -0
  145. package/dist/components/command-palette/CommandPalette.js.map +1 -0
  146. package/dist/components/command-palette/index.d.ts +4 -0
  147. package/dist/components/command-palette/index.d.ts.map +1 -0
  148. package/dist/components/command-palette/index.js +3 -0
  149. package/dist/components/command-palette/index.js.map +1 -0
  150. package/dist/components/command-palette/useCommandK.d.ts +9 -0
  151. package/dist/components/command-palette/useCommandK.d.ts.map +1 -0
  152. package/dist/components/command-palette/useCommandK.js +24 -0
  153. package/dist/components/command-palette/useCommandK.js.map +1 -0
  154. package/dist/components/confirm-modal/ConfirmModal.d.ts +38 -0
  155. package/dist/components/confirm-modal/ConfirmModal.d.ts.map +1 -0
  156. package/dist/components/confirm-modal/ConfirmModal.js +40 -0
  157. package/dist/components/confirm-modal/ConfirmModal.js.map +1 -0
  158. package/dist/components/confirm-modal/index.d.ts +3 -0
  159. package/dist/components/confirm-modal/index.d.ts.map +1 -0
  160. package/dist/components/confirm-modal/index.js +2 -0
  161. package/dist/components/confirm-modal/index.js.map +1 -0
  162. package/dist/components/count-badge/CountBadge.d.ts +13 -0
  163. package/dist/components/count-badge/CountBadge.d.ts.map +1 -0
  164. package/dist/components/count-badge/CountBadge.js +20 -0
  165. package/dist/components/count-badge/CountBadge.js.map +1 -0
  166. package/dist/components/count-badge/index.d.ts +3 -0
  167. package/dist/components/count-badge/index.d.ts.map +1 -0
  168. package/dist/components/count-badge/index.js +2 -0
  169. package/dist/components/count-badge/index.js.map +1 -0
  170. package/dist/components/date-input/DateInput.d.ts +53 -0
  171. package/dist/components/date-input/DateInput.d.ts.map +1 -0
  172. package/dist/components/date-input/DateInput.js +38 -0
  173. package/dist/components/date-input/DateInput.js.map +1 -0
  174. package/dist/components/date-input/index.d.ts +3 -0
  175. package/dist/components/date-input/index.d.ts.map +1 -0
  176. package/dist/components/date-input/index.js +2 -0
  177. package/dist/components/date-input/index.js.map +1 -0
  178. package/dist/components/delta-pill/DeltaPill.d.ts +25 -0
  179. package/dist/components/delta-pill/DeltaPill.d.ts.map +1 -0
  180. package/dist/components/delta-pill/DeltaPill.js +36 -0
  181. package/dist/components/delta-pill/DeltaPill.js.map +1 -0
  182. package/dist/components/delta-pill/index.d.ts +3 -0
  183. package/dist/components/delta-pill/index.d.ts.map +1 -0
  184. package/dist/components/delta-pill/index.js +2 -0
  185. package/dist/components/delta-pill/index.js.map +1 -0
  186. package/dist/components/divider/Divider.d.ts +15 -0
  187. package/dist/components/divider/Divider.d.ts.map +1 -0
  188. package/dist/components/divider/Divider.js +23 -0
  189. package/dist/components/divider/Divider.js.map +1 -0
  190. package/dist/components/divider/index.d.ts +3 -0
  191. package/dist/components/divider/index.d.ts.map +1 -0
  192. package/dist/components/divider/index.js +2 -0
  193. package/dist/components/divider/index.js.map +1 -0
  194. package/dist/components/drawer/Drawer.d.ts +44 -0
  195. package/dist/components/drawer/Drawer.d.ts.map +1 -0
  196. package/dist/components/drawer/Drawer.js +45 -0
  197. package/dist/components/drawer/Drawer.js.map +1 -0
  198. package/dist/components/drawer/index.d.ts +3 -0
  199. package/dist/components/drawer/index.d.ts.map +1 -0
  200. package/dist/components/drawer/index.js +2 -0
  201. package/dist/components/drawer/index.js.map +1 -0
  202. package/dist/components/dropdown-menu/DropdownMenu.d.ts +35 -0
  203. package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -0
  204. package/dist/components/dropdown-menu/DropdownMenu.js +38 -0
  205. package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -0
  206. package/dist/components/dropdown-menu/index.d.ts +3 -0
  207. package/dist/components/dropdown-menu/index.d.ts.map +1 -0
  208. package/dist/components/dropdown-menu/index.js +2 -0
  209. package/dist/components/dropdown-menu/index.js.map +1 -0
  210. package/dist/components/empty-state/EmptyState.d.ts +26 -0
  211. package/dist/components/empty-state/EmptyState.d.ts.map +1 -0
  212. package/dist/components/empty-state/EmptyState.js +24 -0
  213. package/dist/components/empty-state/EmptyState.js.map +1 -0
  214. package/dist/components/empty-state/index.d.ts +3 -0
  215. package/dist/components/empty-state/index.d.ts.map +1 -0
  216. package/dist/components/empty-state/index.js +2 -0
  217. package/dist/components/empty-state/index.js.map +1 -0
  218. package/dist/components/filter-chip/FilterChip.d.ts +26 -0
  219. package/dist/components/filter-chip/FilterChip.d.ts.map +1 -0
  220. package/dist/components/filter-chip/FilterChip.js +17 -0
  221. package/dist/components/filter-chip/FilterChip.js.map +1 -0
  222. package/dist/components/filter-chip/index.d.ts +3 -0
  223. package/dist/components/filter-chip/index.d.ts.map +1 -0
  224. package/dist/components/filter-chip/index.js +2 -0
  225. package/dist/components/filter-chip/index.js.map +1 -0
  226. package/dist/components/form-field/FormField.d.ts +50 -0
  227. package/dist/components/form-field/FormField.d.ts.map +1 -0
  228. package/dist/components/form-field/FormField.js +31 -0
  229. package/dist/components/form-field/FormField.js.map +1 -0
  230. package/dist/components/form-field/index.d.ts +3 -0
  231. package/dist/components/form-field/index.d.ts.map +1 -0
  232. package/dist/components/form-field/index.js +2 -0
  233. package/dist/components/form-field/index.js.map +1 -0
  234. package/dist/components/icon/Icon.d.ts +36 -0
  235. package/dist/components/icon/Icon.d.ts.map +1 -0
  236. package/dist/components/icon/Icon.js +24 -0
  237. package/dist/components/icon/Icon.js.map +1 -0
  238. package/dist/components/icon/index.d.ts +3 -0
  239. package/dist/components/icon/index.d.ts.map +1 -0
  240. package/dist/components/icon/index.js +2 -0
  241. package/dist/components/icon/index.js.map +1 -0
  242. package/dist/components/icon-button/IconButton.d.ts +19 -0
  243. package/dist/components/icon-button/IconButton.d.ts.map +1 -0
  244. package/dist/components/icon-button/IconButton.js +31 -0
  245. package/dist/components/icon-button/IconButton.js.map +1 -0
  246. package/dist/components/icon-button/index.d.ts +3 -0
  247. package/dist/components/icon-button/index.d.ts.map +1 -0
  248. package/dist/components/icon-button/index.js +2 -0
  249. package/dist/components/icon-button/index.js.map +1 -0
  250. package/dist/components/icon-tile/IconTile.d.ts +24 -0
  251. package/dist/components/icon-tile/IconTile.d.ts.map +1 -0
  252. package/dist/components/icon-tile/IconTile.js +32 -0
  253. package/dist/components/icon-tile/IconTile.js.map +1 -0
  254. package/dist/components/icon-tile/index.d.ts +3 -0
  255. package/dist/components/icon-tile/index.d.ts.map +1 -0
  256. package/dist/components/icon-tile/index.js +2 -0
  257. package/dist/components/icon-tile/index.js.map +1 -0
  258. package/dist/components/input/Input.d.ts +28 -0
  259. package/dist/components/input/Input.d.ts.map +1 -0
  260. package/dist/components/input/Input.js +34 -0
  261. package/dist/components/input/Input.js.map +1 -0
  262. package/dist/components/input/index.d.ts +3 -0
  263. package/dist/components/input/index.d.ts.map +1 -0
  264. package/dist/components/input/index.js +2 -0
  265. package/dist/components/input/index.js.map +1 -0
  266. package/dist/components/input-group/InputGroup.d.ts +34 -0
  267. package/dist/components/input-group/InputGroup.d.ts.map +1 -0
  268. package/dist/components/input-group/InputGroup.js +23 -0
  269. package/dist/components/input-group/InputGroup.js.map +1 -0
  270. package/dist/components/input-group/index.d.ts +3 -0
  271. package/dist/components/input-group/index.d.ts.map +1 -0
  272. package/dist/components/input-group/index.js +2 -0
  273. package/dist/components/input-group/index.js.map +1 -0
  274. package/dist/components/kbd/Kbd.d.ts +8 -0
  275. package/dist/components/kbd/Kbd.d.ts.map +1 -0
  276. package/dist/components/kbd/Kbd.js +10 -0
  277. package/dist/components/kbd/Kbd.js.map +1 -0
  278. package/dist/components/kbd/index.d.ts +3 -0
  279. package/dist/components/kbd/index.d.ts.map +1 -0
  280. package/dist/components/kbd/index.js +2 -0
  281. package/dist/components/kbd/index.js.map +1 -0
  282. package/dist/components/key-value-list/KeyValueList.d.ts +27 -0
  283. package/dist/components/key-value-list/KeyValueList.d.ts.map +1 -0
  284. package/dist/components/key-value-list/KeyValueList.js +16 -0
  285. package/dist/components/key-value-list/KeyValueList.js.map +1 -0
  286. package/dist/components/key-value-list/index.d.ts +3 -0
  287. package/dist/components/key-value-list/index.d.ts.map +1 -0
  288. package/dist/components/key-value-list/index.js +2 -0
  289. package/dist/components/key-value-list/index.js.map +1 -0
  290. package/dist/components/label/Label.d.ts +14 -0
  291. package/dist/components/label/Label.d.ts.map +1 -0
  292. package/dist/components/label/Label.js +17 -0
  293. package/dist/components/label/Label.js.map +1 -0
  294. package/dist/components/label/index.d.ts +3 -0
  295. package/dist/components/label/index.d.ts.map +1 -0
  296. package/dist/components/label/index.js +2 -0
  297. package/dist/components/label/index.js.map +1 -0
  298. package/dist/components/modal/Modal.d.ts +48 -0
  299. package/dist/components/modal/Modal.d.ts.map +1 -0
  300. package/dist/components/modal/Modal.js +48 -0
  301. package/dist/components/modal/Modal.js.map +1 -0
  302. package/dist/components/modal/index.d.ts +3 -0
  303. package/dist/components/modal/index.d.ts.map +1 -0
  304. package/dist/components/modal/index.js +2 -0
  305. package/dist/components/modal/index.js.map +1 -0
  306. package/dist/components/mono-text/MonoText.d.ts +13 -0
  307. package/dist/components/mono-text/MonoText.d.ts.map +1 -0
  308. package/dist/components/mono-text/MonoText.js +14 -0
  309. package/dist/components/mono-text/MonoText.js.map +1 -0
  310. package/dist/components/mono-text/index.d.ts +3 -0
  311. package/dist/components/mono-text/index.d.ts.map +1 -0
  312. package/dist/components/mono-text/index.js +2 -0
  313. package/dist/components/mono-text/index.js.map +1 -0
  314. package/dist/components/number-stepper/NumberStepper.d.ts +29 -0
  315. package/dist/components/number-stepper/NumberStepper.d.ts.map +1 -0
  316. package/dist/components/number-stepper/NumberStepper.js +50 -0
  317. package/dist/components/number-stepper/NumberStepper.js.map +1 -0
  318. package/dist/components/number-stepper/index.d.ts +3 -0
  319. package/dist/components/number-stepper/index.d.ts.map +1 -0
  320. package/dist/components/number-stepper/index.js +2 -0
  321. package/dist/components/number-stepper/index.js.map +1 -0
  322. package/dist/components/otp-input/OtpInput.d.ts +30 -0
  323. package/dist/components/otp-input/OtpInput.d.ts.map +1 -0
  324. package/dist/components/otp-input/OtpInput.js +35 -0
  325. package/dist/components/otp-input/OtpInput.js.map +1 -0
  326. package/dist/components/otp-input/index.d.ts +3 -0
  327. package/dist/components/otp-input/index.d.ts.map +1 -0
  328. package/dist/components/otp-input/index.js +2 -0
  329. package/dist/components/otp-input/index.js.map +1 -0
  330. package/dist/components/pagination/Pagination.d.ts +26 -0
  331. package/dist/components/pagination/Pagination.d.ts.map +1 -0
  332. package/dist/components/pagination/Pagination.js +34 -0
  333. package/dist/components/pagination/Pagination.js.map +1 -0
  334. package/dist/components/pagination/index.d.ts +3 -0
  335. package/dist/components/pagination/index.d.ts.map +1 -0
  336. package/dist/components/pagination/index.js +2 -0
  337. package/dist/components/pagination/index.js.map +1 -0
  338. package/dist/components/password-strength/PasswordStrength.d.ts +29 -0
  339. package/dist/components/password-strength/PasswordStrength.d.ts.map +1 -0
  340. package/dist/components/password-strength/PasswordStrength.js +43 -0
  341. package/dist/components/password-strength/PasswordStrength.js.map +1 -0
  342. package/dist/components/password-strength/index.d.ts +3 -0
  343. package/dist/components/password-strength/index.d.ts.map +1 -0
  344. package/dist/components/password-strength/index.js +2 -0
  345. package/dist/components/password-strength/index.js.map +1 -0
  346. package/dist/components/permission-matrix/PermissionMatrix.d.ts +90 -0
  347. package/dist/components/permission-matrix/PermissionMatrix.d.ts.map +1 -0
  348. package/dist/components/permission-matrix/PermissionMatrix.js +62 -0
  349. package/dist/components/permission-matrix/PermissionMatrix.js.map +1 -0
  350. package/dist/components/permission-matrix/index.d.ts +3 -0
  351. package/dist/components/permission-matrix/index.d.ts.map +1 -0
  352. package/dist/components/permission-matrix/index.js +2 -0
  353. package/dist/components/permission-matrix/index.js.map +1 -0
  354. package/dist/components/popover/Popover.d.ts +19 -0
  355. package/dist/components/popover/Popover.d.ts.map +1 -0
  356. package/dist/components/popover/Popover.js +21 -0
  357. package/dist/components/popover/Popover.js.map +1 -0
  358. package/dist/components/popover/index.d.ts +3 -0
  359. package/dist/components/popover/index.d.ts.map +1 -0
  360. package/dist/components/popover/index.js +2 -0
  361. package/dist/components/popover/index.js.map +1 -0
  362. package/dist/components/progress-bar/ProgressBar.d.ts +24 -0
  363. package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -0
  364. package/dist/components/progress-bar/ProgressBar.js +35 -0
  365. package/dist/components/progress-bar/ProgressBar.js.map +1 -0
  366. package/dist/components/progress-bar/index.d.ts +3 -0
  367. package/dist/components/progress-bar/index.d.ts.map +1 -0
  368. package/dist/components/progress-bar/index.js +2 -0
  369. package/dist/components/progress-bar/index.js.map +1 -0
  370. package/dist/components/radio/Radio.d.ts +25 -0
  371. package/dist/components/radio/Radio.d.ts.map +1 -0
  372. package/dist/components/radio/Radio.js +28 -0
  373. package/dist/components/radio/Radio.js.map +1 -0
  374. package/dist/components/radio/index.d.ts +3 -0
  375. package/dist/components/radio/index.d.ts.map +1 -0
  376. package/dist/components/radio/index.js +2 -0
  377. package/dist/components/radio/index.js.map +1 -0
  378. package/dist/components/radio-card/RadioCard.d.ts +22 -0
  379. package/dist/components/radio-card/RadioCard.d.ts.map +1 -0
  380. package/dist/components/radio-card/RadioCard.js +16 -0
  381. package/dist/components/radio-card/RadioCard.js.map +1 -0
  382. package/dist/components/radio-card/index.d.ts +3 -0
  383. package/dist/components/radio-card/index.d.ts.map +1 -0
  384. package/dist/components/radio-card/index.js +2 -0
  385. package/dist/components/radio-card/index.js.map +1 -0
  386. package/dist/components/runtime-chip/RuntimeChip.d.ts +54 -0
  387. package/dist/components/runtime-chip/RuntimeChip.d.ts.map +1 -0
  388. package/dist/components/runtime-chip/RuntimeChip.js +46 -0
  389. package/dist/components/runtime-chip/RuntimeChip.js.map +1 -0
  390. package/dist/components/runtime-chip/index.d.ts +3 -0
  391. package/dist/components/runtime-chip/index.d.ts.map +1 -0
  392. package/dist/components/runtime-chip/index.js +2 -0
  393. package/dist/components/runtime-chip/index.js.map +1 -0
  394. package/dist/components/search-input/SearchInput.d.ts +27 -0
  395. package/dist/components/search-input/SearchInput.d.ts.map +1 -0
  396. package/dist/components/search-input/SearchInput.js +36 -0
  397. package/dist/components/search-input/SearchInput.js.map +1 -0
  398. package/dist/components/search-input/index.d.ts +3 -0
  399. package/dist/components/search-input/index.d.ts.map +1 -0
  400. package/dist/components/search-input/index.js +2 -0
  401. package/dist/components/search-input/index.js.map +1 -0
  402. package/dist/components/secret-input/SecretInput.d.ts +27 -0
  403. package/dist/components/secret-input/SecretInput.d.ts.map +1 -0
  404. package/dist/components/secret-input/SecretInput.js +49 -0
  405. package/dist/components/secret-input/SecretInput.js.map +1 -0
  406. package/dist/components/secret-input/index.d.ts +3 -0
  407. package/dist/components/secret-input/index.d.ts.map +1 -0
  408. package/dist/components/secret-input/index.js +2 -0
  409. package/dist/components/secret-input/index.js.map +1 -0
  410. package/dist/components/segmented-control/SegmentedControl.d.ts +35 -0
  411. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -0
  412. package/dist/components/segmented-control/SegmentedControl.js +67 -0
  413. package/dist/components/segmented-control/SegmentedControl.js.map +1 -0
  414. package/dist/components/segmented-control/index.d.ts +3 -0
  415. package/dist/components/segmented-control/index.d.ts.map +1 -0
  416. package/dist/components/segmented-control/index.js +2 -0
  417. package/dist/components/segmented-control/index.js.map +1 -0
  418. package/dist/components/select/Select.d.ts +17 -0
  419. package/dist/components/select/Select.d.ts.map +1 -0
  420. package/dist/components/select/Select.js +14 -0
  421. package/dist/components/select/Select.js.map +1 -0
  422. package/dist/components/select/index.d.ts +3 -0
  423. package/dist/components/select/index.d.ts.map +1 -0
  424. package/dist/components/select/index.js +2 -0
  425. package/dist/components/select/index.js.map +1 -0
  426. package/dist/components/skeleton/Skeleton.d.ts +18 -0
  427. package/dist/components/skeleton/Skeleton.d.ts.map +1 -0
  428. package/dist/components/skeleton/Skeleton.js +30 -0
  429. package/dist/components/skeleton/Skeleton.js.map +1 -0
  430. package/dist/components/skeleton/index.d.ts +3 -0
  431. package/dist/components/skeleton/index.d.ts.map +1 -0
  432. package/dist/components/skeleton/index.js +2 -0
  433. package/dist/components/skeleton/index.js.map +1 -0
  434. package/dist/components/slider/Slider.d.ts +17 -0
  435. package/dist/components/slider/Slider.d.ts.map +1 -0
  436. package/dist/components/slider/Slider.js +14 -0
  437. package/dist/components/slider/Slider.js.map +1 -0
  438. package/dist/components/slider/index.d.ts +3 -0
  439. package/dist/components/slider/index.d.ts.map +1 -0
  440. package/dist/components/slider/index.js +2 -0
  441. package/dist/components/slider/index.js.map +1 -0
  442. package/dist/components/snackbar/Snackbar.d.ts +21 -0
  443. package/dist/components/snackbar/Snackbar.d.ts.map +1 -0
  444. package/dist/components/snackbar/Snackbar.js +12 -0
  445. package/dist/components/snackbar/Snackbar.js.map +1 -0
  446. package/dist/components/snackbar/index.d.ts +3 -0
  447. package/dist/components/snackbar/index.d.ts.map +1 -0
  448. package/dist/components/snackbar/index.js +2 -0
  449. package/dist/components/snackbar/index.js.map +1 -0
  450. package/dist/components/spinner/Spinner.d.ts +22 -0
  451. package/dist/components/spinner/Spinner.d.ts.map +1 -0
  452. package/dist/components/spinner/Spinner.js +28 -0
  453. package/dist/components/spinner/Spinner.js.map +1 -0
  454. package/dist/components/spinner/index.d.ts +3 -0
  455. package/dist/components/spinner/index.d.ts.map +1 -0
  456. package/dist/components/spinner/index.js +2 -0
  457. package/dist/components/spinner/index.js.map +1 -0
  458. package/dist/components/status-pill/StatusPill.d.ts +19 -0
  459. package/dist/components/status-pill/StatusPill.d.ts.map +1 -0
  460. package/dist/components/status-pill/StatusPill.js +16 -0
  461. package/dist/components/status-pill/StatusPill.js.map +1 -0
  462. package/dist/components/status-pill/index.d.ts +3 -0
  463. package/dist/components/status-pill/index.d.ts.map +1 -0
  464. package/dist/components/status-pill/index.js +2 -0
  465. package/dist/components/status-pill/index.js.map +1 -0
  466. package/dist/components/stepper/Stepper.d.ts +31 -0
  467. package/dist/components/stepper/Stepper.d.ts.map +1 -0
  468. package/dist/components/stepper/Stepper.js +49 -0
  469. package/dist/components/stepper/Stepper.js.map +1 -0
  470. package/dist/components/stepper/index.d.ts +3 -0
  471. package/dist/components/stepper/index.d.ts.map +1 -0
  472. package/dist/components/stepper/index.js +2 -0
  473. package/dist/components/stepper/index.js.map +1 -0
  474. package/dist/components/success-state/SuccessState.d.ts +27 -0
  475. package/dist/components/success-state/SuccessState.d.ts.map +1 -0
  476. package/dist/components/success-state/SuccessState.js +14 -0
  477. package/dist/components/success-state/SuccessState.js.map +1 -0
  478. package/dist/components/success-state/index.d.ts +3 -0
  479. package/dist/components/success-state/index.d.ts.map +1 -0
  480. package/dist/components/success-state/index.js +2 -0
  481. package/dist/components/success-state/index.js.map +1 -0
  482. package/dist/components/switch/Switch.d.ts +11 -0
  483. package/dist/components/switch/Switch.d.ts.map +1 -0
  484. package/dist/components/switch/Switch.js +13 -0
  485. package/dist/components/switch/Switch.js.map +1 -0
  486. package/dist/components/switch/index.d.ts +3 -0
  487. package/dist/components/switch/index.d.ts.map +1 -0
  488. package/dist/components/switch/index.js +2 -0
  489. package/dist/components/switch/index.js.map +1 -0
  490. package/dist/components/tabs/Tabs.d.ts +32 -0
  491. package/dist/components/tabs/Tabs.d.ts.map +1 -0
  492. package/dist/components/tabs/Tabs.js +43 -0
  493. package/dist/components/tabs/Tabs.js.map +1 -0
  494. package/dist/components/tabs/index.d.ts +3 -0
  495. package/dist/components/tabs/index.d.ts.map +1 -0
  496. package/dist/components/tabs/index.js +2 -0
  497. package/dist/components/tabs/index.js.map +1 -0
  498. package/dist/components/tag/Tag.d.ts +30 -0
  499. package/dist/components/tag/Tag.d.ts.map +1 -0
  500. package/dist/components/tag/Tag.js +35 -0
  501. package/dist/components/tag/Tag.js.map +1 -0
  502. package/dist/components/tag/index.d.ts +3 -0
  503. package/dist/components/tag/index.d.ts.map +1 -0
  504. package/dist/components/tag/index.js +2 -0
  505. package/dist/components/tag/index.js.map +1 -0
  506. package/dist/components/textarea/Textarea.d.ts +19 -0
  507. package/dist/components/textarea/Textarea.d.ts.map +1 -0
  508. package/dist/components/textarea/Textarea.js +11 -0
  509. package/dist/components/textarea/Textarea.js.map +1 -0
  510. package/dist/components/textarea/index.d.ts +3 -0
  511. package/dist/components/textarea/index.d.ts.map +1 -0
  512. package/dist/components/textarea/index.js +2 -0
  513. package/dist/components/textarea/index.js.map +1 -0
  514. package/dist/components/toast/Toast.d.ts +67 -0
  515. package/dist/components/toast/Toast.d.ts.map +1 -0
  516. package/dist/components/toast/Toast.js +63 -0
  517. package/dist/components/toast/Toast.js.map +1 -0
  518. package/dist/components/toast/index.d.ts +5 -0
  519. package/dist/components/toast/index.d.ts.map +1 -0
  520. package/dist/components/toast/index.js +3 -0
  521. package/dist/components/toast/index.js.map +1 -0
  522. package/dist/components/toast/useToastQueue.d.ts +73 -0
  523. package/dist/components/toast/useToastQueue.d.ts.map +1 -0
  524. package/dist/components/toast/useToastQueue.js +191 -0
  525. package/dist/components/toast/useToastQueue.js.map +1 -0
  526. package/dist/components/toggle-matrix/ToggleMatrix.d.ts +58 -0
  527. package/dist/components/toggle-matrix/ToggleMatrix.d.ts.map +1 -0
  528. package/dist/components/toggle-matrix/ToggleMatrix.js +95 -0
  529. package/dist/components/toggle-matrix/ToggleMatrix.js.map +1 -0
  530. package/dist/components/toggle-matrix/index.d.ts +3 -0
  531. package/dist/components/toggle-matrix/index.d.ts.map +1 -0
  532. package/dist/components/toggle-matrix/index.js +2 -0
  533. package/dist/components/toggle-matrix/index.js.map +1 -0
  534. package/dist/components/tooltip/Tooltip.d.ts +33 -0
  535. package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
  536. package/dist/components/tooltip/Tooltip.js +19 -0
  537. package/dist/components/tooltip/Tooltip.js.map +1 -0
  538. package/dist/components/tooltip/index.d.ts +3 -0
  539. package/dist/components/tooltip/index.d.ts.map +1 -0
  540. package/dist/components/tooltip/index.js +2 -0
  541. package/dist/components/tooltip/index.js.map +1 -0
  542. package/dist/components/two-phase-modal/TwoPhaseModal.d.ts +45 -0
  543. package/dist/components/two-phase-modal/TwoPhaseModal.d.ts.map +1 -0
  544. package/dist/components/two-phase-modal/TwoPhaseModal.js +50 -0
  545. package/dist/components/two-phase-modal/TwoPhaseModal.js.map +1 -0
  546. package/dist/components/two-phase-modal/index.d.ts +3 -0
  547. package/dist/components/two-phase-modal/index.d.ts.map +1 -0
  548. package/dist/components/two-phase-modal/index.js +2 -0
  549. package/dist/components/two-phase-modal/index.js.map +1 -0
  550. package/dist/hooks/index.d.ts +3 -0
  551. package/dist/hooks/index.d.ts.map +1 -0
  552. package/dist/hooks/index.js +2 -0
  553. package/dist/hooks/index.js.map +1 -0
  554. package/dist/hooks/useUndoableAction.d.ts +62 -0
  555. package/dist/hooks/useUndoableAction.d.ts.map +1 -0
  556. package/dist/hooks/useUndoableAction.js +85 -0
  557. package/dist/hooks/useUndoableAction.js.map +1 -0
  558. package/dist/index.d.ts +69 -0
  559. package/dist/index.d.ts.map +1 -0
  560. package/dist/index.js +72 -0
  561. package/dist/index.js.map +1 -0
  562. package/dist/lib/cn.d.ts +33 -0
  563. package/dist/lib/cn.d.ts.map +1 -0
  564. package/dist/lib/cn.js +59 -0
  565. package/dist/lib/cn.js.map +1 -0
  566. package/dist/lib/index.d.ts +3 -0
  567. package/dist/lib/index.d.ts.map +1 -0
  568. package/dist/lib/index.js +2 -0
  569. package/dist/lib/index.js.map +1 -0
  570. package/dist/lib/tones.d.ts +40 -0
  571. package/dist/lib/tones.d.ts.map +1 -0
  572. package/dist/lib/tones.js +91 -0
  573. package/dist/lib/tones.js.map +1 -0
  574. package/dist/theme/ThemeProvider.d.ts +15 -0
  575. package/dist/theme/ThemeProvider.d.ts.map +1 -0
  576. package/dist/theme/ThemeProvider.js +186 -0
  577. package/dist/theme/ThemeProvider.js.map +1 -0
  578. package/dist/theme/context.d.ts +21 -0
  579. package/dist/theme/context.d.ts.map +1 -0
  580. package/dist/theme/context.js +7 -0
  581. package/dist/theme/context.js.map +1 -0
  582. package/dist/theme/index.d.ts +9 -0
  583. package/dist/theme/index.d.ts.map +1 -0
  584. package/dist/theme/index.js +5 -0
  585. package/dist/theme/index.js.map +1 -0
  586. package/dist/theme/subscribe.d.ts +12 -0
  587. package/dist/theme/subscribe.d.ts.map +1 -0
  588. package/dist/theme/subscribe.js +14 -0
  589. package/dist/theme/subscribe.js.map +1 -0
  590. package/dist/theme/types.d.ts +32 -0
  591. package/dist/theme/types.d.ts.map +1 -0
  592. package/dist/theme/types.js +23 -0
  593. package/dist/theme/types.js.map +1 -0
  594. package/dist/theme/useTheme.d.ts +14 -0
  595. package/dist/theme/useTheme.d.ts.map +1 -0
  596. package/dist/theme/useTheme.js +27 -0
  597. package/dist/theme/useTheme.js.map +1 -0
  598. package/package.json +48 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/mono-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,29 @@
1
+ import type * as React from 'react';
2
+ export interface NumberStepperProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
3
+ /** Controlled numeric value (`null` = empty). */
4
+ value?: number | null | undefined;
5
+ /** Uncontrolled initial value. */
6
+ defaultValue?: number | undefined;
7
+ /** Fires with the parsed number, or `null` when the field is empty/invalid. */
8
+ onValueChange?: ((value: number | null) => void) | undefined;
9
+ min?: number | undefined;
10
+ max?: number | undefined;
11
+ /** @default 1 */
12
+ step?: number | undefined;
13
+ /** Accessible name for the chevron-up button. */
14
+ incrementLabel: string;
15
+ /** Accessible name for the chevron-down button. */
16
+ decrementLabel: string;
17
+ /** Danger border + focus ring + `aria-invalid`. */
18
+ error?: boolean | undefined;
19
+ /** Extra classes for the inner `<input>` (className styles the wrapper). */
20
+ inputClassName?: string | undefined;
21
+ }
22
+ /**
23
+ * NumberStepper — mono `input[type=number]` (native `spinbutton`: typed
24
+ * input, ↑↓ arrow keys) plus a chevron up/down column honoring
25
+ * min/max/step (research/design-system.md §3 Tier 2). The chevron buttons
26
+ * are `tabIndex={-1}` — keyboard users step with the arrow keys.
27
+ */
28
+ export declare function NumberStepper({ className, inputClassName, value, defaultValue, onValueChange, min, max, step, incrementLabel, decrementLabel, error, disabled, ref, ...inputProps }: NumberStepperProps): React.JSX.Element;
29
+ //# sourceMappingURL=NumberStepper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../src/components/number-stepper/NumberStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAC3F;IACD,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iDAAiD;IACjD,cAAc,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AASD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,cAAc,EACd,cAAc,EACd,KAAa,EACb,QAAQ,EACR,GAAG,EACH,GAAG,UAAU,EACd,EAAE,kBAAkB,qBAuFpB"}
@@ -0,0 +1,50 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ChevronDown, ChevronUp } from 'lucide-react';
3
+ import { useRef, useState } from 'react';
4
+ import { cn } from '../../lib/cn.js';
5
+ function clamp(next, min, max) {
6
+ let result = next;
7
+ if (min !== undefined)
8
+ result = Math.max(min, result);
9
+ if (max !== undefined)
10
+ result = Math.min(max, result);
11
+ return result;
12
+ }
13
+ /**
14
+ * NumberStepper — mono `input[type=number]` (native `spinbutton`: typed
15
+ * input, ↑↓ arrow keys) plus a chevron up/down column honoring
16
+ * min/max/step (research/design-system.md §3 Tier 2). The chevron buttons
17
+ * are `tabIndex={-1}` — keyboard users step with the arrow keys.
18
+ */
19
+ export function NumberStepper({ className, inputClassName, value, defaultValue, onValueChange, min, max, step = 1, incrementLabel, decrementLabel, error = false, disabled, ref, ...inputProps }) {
20
+ const innerRef = useRef(null);
21
+ const [internal, setInternal] = useState(defaultValue ?? null);
22
+ const isControlled = value !== undefined;
23
+ const current = isControlled ? value : internal;
24
+ const setRef = (node) => {
25
+ innerRef.current = node;
26
+ if (typeof ref === 'function')
27
+ ref(node);
28
+ else if (ref)
29
+ ref.current = node;
30
+ };
31
+ const commit = (next) => {
32
+ if (!isControlled)
33
+ setInternal(next);
34
+ onValueChange?.(next);
35
+ };
36
+ const stepBy = (direction) => {
37
+ const base = current ?? (direction === 1 ? (min ?? 0) - step : (max ?? 0) + step);
38
+ commit(clamp(base + direction * step, min, max));
39
+ innerRef.current?.focus();
40
+ };
41
+ const atMin = current !== null && min !== undefined && current <= min;
42
+ const atMax = current !== null && max !== undefined && current >= max;
43
+ const stepperButtonClasses = 'flex h-1/2 w-6 items-center justify-center text-fg-subtle transition-colors hover:bg-surface-3 hover:text-fg ' +
44
+ 'disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent';
45
+ return (_jsxs("div", { "data-invalid": error ? '' : undefined, className: cn('flex h-[34px] w-full min-w-0 items-stretch overflow-hidden rounded-md border border-border-strong bg-surface-2', 'transition-[border-color,box-shadow] duration-150', 'focus-within:border-accent focus-within:ring-[3px] focus-within:ring-accent-soft', 'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40', 'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft', className), children: [_jsx("input", { ref: setRef, type: "number", inputMode: "decimal", value: current ?? '', onChange: (event) => {
46
+ const parsed = event.target.value === '' ? null : event.target.valueAsNumber;
47
+ commit(parsed === null || Number.isNaN(parsed) ? null : parsed);
48
+ }, ...(min !== undefined ? { min } : {}), ...(max !== undefined ? { max } : {}), step: step, disabled: disabled, ...(error ? { 'aria-invalid': true } : {}), className: cn('h-full w-full min-w-0 flex-1 bg-transparent ps-3 pe-2 font-mono text-[13px] tabular-nums text-fg placeholder:text-fg-subtle focus:outline-none', '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', inputClassName), ...inputProps }), _jsxs("div", { "aria-hidden": disabled ? true : undefined, className: "flex shrink-0 flex-col border-s border-border-strong", children: [_jsx("button", { type: "button", tabIndex: -1, "aria-label": incrementLabel, disabled: disabled || atMax, onClick: () => stepBy(1), className: cn(stepperButtonClasses, 'border-b border-border-strong'), children: _jsx(ChevronUp, { "aria-hidden": "true", className: "size-3" }) }), _jsx("button", { type: "button", tabIndex: -1, "aria-label": decrementLabel, disabled: disabled || atMin, onClick: () => stepBy(-1), className: stepperButtonClasses, children: _jsx(ChevronDown, { "aria-hidden": "true", className: "size-3" }) })] })] }));
49
+ }
50
+ //# sourceMappingURL=NumberStepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../src/components/number-stepper/NumberStepper.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { NumberStepper } from './NumberStepper.js';
2
+ export type { NumberStepperProps } from './NumberStepper.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/number-stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { NumberStepper } from './NumberStepper.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/number-stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
@@ -0,0 +1,30 @@
1
+ import type { ComponentPropsWithRef } from 'react';
2
+ export interface OtpInputProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'children' | 'aria-label'> {
3
+ /** Number of code cells. Default 6. */
4
+ length?: number | undefined;
5
+ /** Controlled value (digits only, up to `length`). */
6
+ value?: string | undefined;
7
+ /** Uncontrolled initial value. */
8
+ defaultValue?: string | undefined;
9
+ onChange?: ((value: string) => void) | undefined;
10
+ /** Fires once when all cells are filled. */
11
+ onComplete?: ((code: string) => void) | undefined;
12
+ /** Accessible name for the code input (required — i18n, e.g. "One-time code"). */
13
+ label: string;
14
+ /** Id of the element describing the input (help/error copy). */
15
+ describedBy?: string | undefined;
16
+ disabled?: boolean | undefined;
17
+ /** Danger styling for a rejected code. */
18
+ invalid?: boolean | undefined;
19
+ /** Autofocus the input on mount (2FA screens). */
20
+ autoFocus?: boolean | undefined;
21
+ }
22
+ /**
23
+ * OtpInput — 6-cell one-time-code input rendered over a single invisible
24
+ * `<input autocomplete="one-time-code">` (designs/Auth & Onboarding pattern):
25
+ * typing auto-advances, paste fills all cells, Backspace clears backwards —
26
+ * all native single-input behaviors; the cells are a purely visual projection
27
+ * with the caret cell highlighted.
28
+ */
29
+ export declare function OtpInput({ length, value: controlledValue, defaultValue, onChange, onComplete, label, describedBy, disabled, invalid, autoFocus, className, ...props }: OtpInputProps): import("react").JSX.Element;
30
+ //# sourceMappingURL=OtpInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/OtpInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,YAAY,CACxD;IACD,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClD,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAID;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAU,EACV,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BA0Df"}
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { cn } from '../../lib/cn.js';
4
+ import { MonoText } from '../mono-text/MonoText.js';
5
+ const sanitize = (raw, length) => raw.replace(/\D/g, '').slice(0, length);
6
+ /**
7
+ * OtpInput — 6-cell one-time-code input rendered over a single invisible
8
+ * `<input autocomplete="one-time-code">` (designs/Auth & Onboarding pattern):
9
+ * typing auto-advances, paste fills all cells, Backspace clears backwards —
10
+ * all native single-input behaviors; the cells are a purely visual projection
11
+ * with the caret cell highlighted.
12
+ */
13
+ export function OtpInput({ length = 6, value: controlledValue, defaultValue, onChange, onComplete, label, describedBy, disabled = false, invalid = false, autoFocus = false, className, ...props }) {
14
+ const [internalValue, setInternalValue] = useState(sanitize(defaultValue ?? '', length));
15
+ const [focused, setFocused] = useState(false);
16
+ const value = controlledValue === undefined ? internalValue : sanitize(controlledValue, length);
17
+ const activeIndex = Math.min(value.length, length - 1);
18
+ const handleChange = (raw) => {
19
+ const next = sanitize(raw, length);
20
+ if (next === value)
21
+ return;
22
+ setInternalValue(next);
23
+ onChange?.(next);
24
+ if (next.length === length)
25
+ onComplete?.(next);
26
+ };
27
+ return (_jsxs("div", { dir: "ltr", className: cn('relative inline-flex gap-2', className), ...props, children: [_jsx("input", { type: "text", inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]*", maxLength: length, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid || undefined, autoFocus: autoFocus, disabled: disabled, value: value, onChange: (event) => handleChange(event.target.value), onFocus: () => setFocused(true), onBlur: () => setFocused(false), "data-part": "otp-native-input",
28
+ // Invisible but interactive layer over the cells; caret hidden.
29
+ className: "absolute inset-0 z-10 h-full w-full cursor-text opacity-0 [caret-color:transparent] disabled:cursor-default" }), Array.from({ length }, (_, index) => {
30
+ const char = value[index] ?? '';
31
+ const isActive = focused && !disabled && index === activeIndex && value.length < length;
32
+ return (_jsx(MonoText, { "aria-hidden": "true", "data-part": "otp-cell", "data-active": isActive || undefined, className: cn('flex h-12 w-10 select-none items-center justify-center rounded-md border bg-surface text-[18px] font-bold text-fg', 'transition-[border-color,box-shadow] duration-100', invalid ? 'border-danger' : 'border-border-strong', isActive ? 'border-accent shadow-[0_0_0_3px_var(--accent-soft)]' : undefined, disabled ? 'opacity-40' : undefined), children: char }, index));
33
+ })] }));
34
+ }
35
+ //# sourceMappingURL=OtpInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../../src/components/otp-input/OtpInput.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { OtpInput } from './OtpInput.js';
2
+ export type { OtpInputProps } from './OtpInput.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { OtpInput } from './OtpInput.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,26 @@
1
+ import type { ComponentPropsWithRef } from 'react';
2
+ export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'children' | 'onChange'> {
3
+ /** Current page, 1-based. */
4
+ page: number;
5
+ pageCount: number;
6
+ onPageChange: (page: number) => void;
7
+ /** Pages shown on each side of the current page. Default 1. */
8
+ siblingCount?: number | undefined;
9
+ /** Accessible name for the nav (required — i18n, e.g. "Pagination"). */
10
+ label: string;
11
+ /** Accessible label for the previous button (required — i18n). */
12
+ previousLabel: string;
13
+ /** Accessible label for the next button (required — i18n). */
14
+ nextLabel: string;
15
+ /** Accessible label for a page button; default `Page {n}` is NOT provided — i18n. */
16
+ pageLabel: (page: number) => string;
17
+ }
18
+ /** Build the visible page list with `null` gaps (ellipses). */
19
+ export declare function paginationRange(page: number, pageCount: number, siblingCount?: number): (number | null)[];
20
+ /**
21
+ * Pagination — 32px square page buttons (active = accent fill), mono numbers,
22
+ * RTL-mirrored chevrons, ellipsis windowing
23
+ * (research/design-system.md §3 Tier 3).
24
+ */
25
+ export declare function Pagination({ page, pageCount, onPageChange, siblingCount, label, previousLabel, nextLabel, pageLabel, className, ...props }: PaginationProps): import("react").JSX.Element;
26
+ //# sourceMappingURL=Pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAClG,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,SAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAapG;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,YAAgB,EAChB,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,+BAiDjB"}
@@ -0,0 +1,34 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ChevronLeft, ChevronRight } from 'lucide-react';
3
+ import { cn } from '../../lib/cn.js';
4
+ import { MonoText } from '../mono-text/MonoText.js';
5
+ /** Build the visible page list with `null` gaps (ellipses). */
6
+ export function paginationRange(page, pageCount, siblingCount = 1) {
7
+ const total = siblingCount * 2 + 5; // first + last + current + siblings + 2 ellipses
8
+ if (pageCount <= total)
9
+ return Array.from({ length: pageCount }, (_, i) => i + 1);
10
+ const start = Math.max(2, Math.min(page - siblingCount, pageCount - siblingCount * 2 - 2));
11
+ const end = Math.min(pageCount - 1, Math.max(page + siblingCount, siblingCount * 2 + 3));
12
+ const range = [1];
13
+ if (start > 2)
14
+ range.push(null);
15
+ for (let i = start; i <= end; i++)
16
+ range.push(i);
17
+ if (end < pageCount - 1)
18
+ range.push(null);
19
+ range.push(pageCount);
20
+ return range;
21
+ }
22
+ const squareClasses = 'inline-flex size-8 shrink-0 items-center justify-center rounded-md text-caption font-semibold ' +
23
+ 'transition-colors duration-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ' +
24
+ 'disabled:pointer-events-none disabled:opacity-40';
25
+ /**
26
+ * Pagination — 32px square page buttons (active = accent fill), mono numbers,
27
+ * RTL-mirrored chevrons, ellipsis windowing
28
+ * (research/design-system.md §3 Tier 3).
29
+ */
30
+ export function Pagination({ page, pageCount, onPageChange, siblingCount = 1, label, previousLabel, nextLabel, pageLabel, className, ...props }) {
31
+ const range = paginationRange(page, pageCount, siblingCount);
32
+ return (_jsxs("nav", { "aria-label": label, className: cn('flex items-center gap-1', className), ...props, children: [_jsx("button", { type: "button", "aria-label": previousLabel, disabled: page <= 1, onClick: () => onPageChange(page - 1), className: cn(squareClasses, 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(ChevronLeft, { className: "size-4 rtl:-scale-x-100", "aria-hidden": "true" }) }), range.map((entry, index) => entry === null ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex size-8 items-end justify-center pb-2 text-caption text-fg-subtle", children: "\u2026" }, `gap-${index}`)) : (_jsx("button", { type: "button", "aria-label": pageLabel(entry), "aria-current": entry === page ? 'page' : undefined, onClick: () => onPageChange(entry), className: cn(squareClasses, entry === page ? 'bg-accent text-accent-fg shadow-glow' : 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(MonoText, { children: entry }) }, entry))), _jsx("button", { type: "button", "aria-label": nextLabel, disabled: page >= pageCount, onClick: () => onPageChange(page + 1), className: cn(squareClasses, 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(ChevronRight, { className: "size-4 rtl:-scale-x-100", "aria-hidden": "true" }) })] }));
33
+ }
34
+ //# sourceMappingURL=Pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Pagination, paginationRange } from './Pagination.js';
2
+ export type { PaginationProps } from './Pagination.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Pagination, paginationRange } from './Pagination.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import type { ComponentPropsWithRef } from 'react';
2
+ /** 0 = empty, 1 weak … 4 strong. */
3
+ export type PasswordScore = 0 | 1 | 2 | 3 | 4;
4
+ /**
5
+ * Default heuristic: length ≥ 8, mixed case, digit, symbol — one point each
6
+ * (min 1 for any non-empty password). Swap in zxcvbn or a policy-aware
7
+ * scorer via the `score` prop.
8
+ */
9
+ export declare function defaultPasswordScore(password: string): PasswordScore;
10
+ export interface PasswordStrengthProps extends ComponentPropsWithRef<'div'> {
11
+ /** The password being evaluated. */
12
+ value: string;
13
+ /** Scoring function (injectable). Default `defaultPasswordScore`. */
14
+ score?: ((password: string) => PasswordScore) | undefined;
15
+ /**
16
+ * Labels for scores 1–4 (required — i18n), e.g.
17
+ * `['Weak', 'Fair', 'Good', 'Strong']`.
18
+ */
19
+ labels: readonly [string, string, string, string];
20
+ /** Accessible name for the meter (e.g. "Password strength"). */
21
+ label: string;
22
+ }
23
+ /**
24
+ * PasswordStrength — segmented 4-bar meter + tone-colored label, injectable
25
+ * scoring (research/design-system.md §3 Tier 3, Auth screens). Announces via
26
+ * `role="meter"`; the label updates in an `aria-live` region.
27
+ */
28
+ export declare function PasswordStrength({ value, score, labels, label, className, ...props }: PasswordStrengthProps): import("react").JSX.Element;
29
+ //# sourceMappingURL=PasswordStrength.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PasswordStrength.d.ts","sourceRoot":"","sources":["../../../src/components/password-strength/PasswordStrength.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,oCAAoC;AACpC,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CAQpE;AAgBD,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,aAAa,CAAC,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAA4B,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAgCvB"}
@@ -0,0 +1,43 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from '../../lib/cn.js';
3
+ /**
4
+ * Default heuristic: length ≥ 8, mixed case, digit, symbol — one point each
5
+ * (min 1 for any non-empty password). Swap in zxcvbn or a policy-aware
6
+ * scorer via the `score` prop.
7
+ */
8
+ export function defaultPasswordScore(password) {
9
+ if (password.length === 0)
10
+ return 0;
11
+ let points = 0;
12
+ if (password.length >= 8)
13
+ points++;
14
+ if (/[a-z]/.test(password) && /[A-Z]/.test(password))
15
+ points++;
16
+ if (/\d/.test(password))
17
+ points++;
18
+ if (/[^a-zA-Z0-9]/.test(password))
19
+ points++;
20
+ return Math.max(1, Math.min(points, 4));
21
+ }
22
+ const segmentTone = {
23
+ 1: 'bg-danger',
24
+ 2: 'bg-warn',
25
+ 3: 'bg-info',
26
+ 4: 'bg-pos',
27
+ };
28
+ const labelTone = {
29
+ 1: 'text-danger',
30
+ 2: 'text-warn',
31
+ 3: 'text-info',
32
+ 4: 'text-pos',
33
+ };
34
+ /**
35
+ * PasswordStrength — segmented 4-bar meter + tone-colored label, injectable
36
+ * scoring (research/design-system.md §3 Tier 3, Auth screens). Announces via
37
+ * `role="meter"`; the label updates in an `aria-live` region.
38
+ */
39
+ export function PasswordStrength({ value, score = defaultPasswordScore, labels, label, className, ...props }) {
40
+ const current = value.length === 0 ? 0 : score(value);
41
+ return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), ...props, children: [_jsx("div", { role: "meter", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 4, "aria-valuenow": current, "aria-valuetext": current === 0 ? undefined : labels[current - 1], className: "flex gap-1", children: [1, 2, 3, 4].map((segment) => (_jsx("span", { "data-part": "strength-segment", "data-filled": segment <= current || undefined, className: cn('h-1 flex-1 rounded-full transition-colors duration-150', segment <= current && current > 0 ? segmentTone[current] : 'bg-surface-3') }, segment))) }), _jsx("div", { "aria-live": "polite", className: "min-h-4 text-caption font-semibold", children: current === 0 ? null : (_jsx("span", { className: labelTone[current], children: labels[current - 1] })) })] }));
42
+ }
43
+ //# sourceMappingURL=PasswordStrength.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PasswordStrength.js","sourceRoot":"","sources":["../../../src/components/password-strength/PasswordStrength.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,QAAgB;IACnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACpC,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,EAAE,CAAC;IACnC,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAC/D,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAClC,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB,CAAC;AAC3D,CAAC;AAED,MAAM,WAAW,GAA8C;IAC7D,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;CACZ,CAAC;AAEF,MAAM,SAAS,GAA8C;IAC3D,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,UAAU;CACd,CAAC;AAgBF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,GAAG,oBAAoB,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACc;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC/D,cACE,IAAI,EAAC,OAAO,gBACA,KAAK,mBACF,CAAC,mBACD,CAAC,mBACD,OAAO,oBACN,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAC/D,SAAS,EAAC,YAAY,YAEpB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxC,4BAEY,kBAAkB,iBACf,OAAO,IAAI,OAAO,IAAI,SAAS,EAC5C,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,OAAO,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAwB,CAAC,CAAC,CAAC,CAAC,cAAc,CAC3F,IANI,OAAO,CAOZ,CACH,CAAC,GACE,EACN,2BAAe,QAAQ,EAAC,SAAS,EAAC,oCAAoC,YACnE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,eAAM,SAAS,EAAE,SAAS,CAAC,OAAwB,CAAC,YAAG,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,GAAQ,CACnF,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { PasswordStrength, defaultPasswordScore } from './PasswordStrength.js';
2
+ export type { PasswordScore, PasswordStrengthProps } from './PasswordStrength.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/password-strength/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { PasswordStrength, defaultPasswordScore } from './PasswordStrength.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/password-strength/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,90 @@
1
+ import type * as React from 'react';
2
+ /**
3
+ * The RBAC grant-string grammar (apps/server/src/rbac/permissions.ts,
4
+ * 08-server-api.md §5.1), mirrored as template-literal types so permission
5
+ * keys are checked at the call site:
6
+ *
7
+ * ```
8
+ * system:<area>:<verb> // closed set, e.g. system:roles:manage
9
+ * table:<connectionId>:<table>:<action> // read|create|update|delete|export|import
10
+ * page:<pageId>:<view|edit>
11
+ * ```
12
+ *
13
+ * `*` may stand in for any single `table:`/`page:` segment in *stored*
14
+ * grants (`table:*:*:read`); `system:` grants are always concrete.
15
+ */
16
+ export type TableGrantAction = 'read' | 'create' | 'update' | 'delete' | 'export' | 'import';
17
+ export type SystemGrant = `system:${string}:${string}`;
18
+ export type TableGrant = `table:${string}:${string}:${TableGrantAction | '*'}`;
19
+ export type PageGrant = `page:${string}:${'view' | 'edit' | '*'}`;
20
+ export type PermissionGrant = SystemGrant | TableGrant | PageGrant;
21
+ export interface PermissionMatrixRole {
22
+ /** Server role id (`RoleDto.id`) — echoed in `onChange`. */
23
+ id: string;
24
+ /** Column header text. */
25
+ name: string;
26
+ /**
27
+ * Hard-locks the whole column (the comp's "Owner column hard-locked"):
28
+ * every cell renders locked-granted and never emits changes. Map the
29
+ * server's super-admin role here — `PUT /roles/:id/permissions` 409s on it.
30
+ */
31
+ locked?: boolean | undefined;
32
+ }
33
+ export interface PermissionMatrixPermission {
34
+ /** Grant string in the server grammar — the row identity. */
35
+ key: PermissionGrant;
36
+ /** Human row label ("Manage roles & access"). */
37
+ label: string;
38
+ /** Category group; rows group by first appearance, labeled with an `Eyebrow`. */
39
+ category: string;
40
+ }
41
+ /** Change event: one cell flipped. */
42
+ export interface PermissionMatrixChange {
43
+ roleId: string;
44
+ permissionKey: PermissionGrant;
45
+ granted: boolean;
46
+ }
47
+ export interface PermissionMatrixProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'onChange' | 'onToggle'> {
48
+ /** Roles as columns, in display order. */
49
+ roles: readonly PermissionMatrixRole[];
50
+ /** Permission rows; grouped by `category` in first-appearance order. */
51
+ permissions: readonly PermissionMatrixPermission[];
52
+ /** Current (edited) grants per role id. */
53
+ grants: Readonly<Record<string, readonly PermissionGrant[]>>;
54
+ /**
55
+ * Server-persisted grants per role id. When provided, cells whose value
56
+ * differs from the baseline show the accent diff dot (dirty tracking for
57
+ * the save bar).
58
+ */
59
+ baseline?: Readonly<Record<string, readonly PermissionGrant[]>> | undefined;
60
+ /** Fires when an editable cell is toggled. */
61
+ onChange?: ((change: PermissionMatrixChange) => void) | undefined;
62
+ /** Accessible name for the grid (required — i18n). */
63
+ label: string;
64
+ /** First-column heading (e.g. "Permission"). */
65
+ rowHeader: React.ReactNode;
66
+ /** Optional Lucide icon per category, keyed by category label. */
67
+ categoryIcons?: Readonly<Record<string, React.ReactNode>> | undefined;
68
+ /** Disables all editing (viewer role / save in flight). */
69
+ disabled?: boolean | undefined;
70
+ }
71
+ /**
72
+ * PermissionMatrix — the RBAC preset over `ToggleMatrix` per designs/Roles
73
+ * Permissions.dc.html: roles as columns (locked roles render the
74
+ * hard-locked Owner column), permission rows grouped by category under
75
+ * uppercase `Eyebrow` labels, diff-aware accent dots against a baseline, and
76
+ * `onChange` emitting `{ roleId, permissionKey, granted }`.
77
+ *
78
+ * Endpoint contract (apps/server/src/routes/roles):
79
+ * - `GET /api/v1/roles` → `{ roles: RoleDto & { memberCount }[] }` (columns);
80
+ * - `GET /api/v1/roles/:id/permissions` → `{ roleId, grants: string[] }`
81
+ * (feed as `grants[roleId]` and snapshot into `baseline`);
82
+ * - save = full-matrix replace per role:
83
+ * `PUT /api/v1/roles/:id/permissions` with `{ grants: string[] }` (max
84
+ * 2000) → `{ roleId, grants }`. `422 VALIDATION_FAILED` lists grants
85
+ * outside the grammar; `409 CONFLICT` when `:id` is the super-admin role
86
+ * (hard-locked column) — mark that role `locked` so the UI never tries.
87
+ * Requires `system:roles:manage`; every save writes an `rbac` audit entry.
88
+ */
89
+ export declare function PermissionMatrix({ roles, permissions, grants, baseline, onChange, label, rowHeader, categoryIcons, disabled, className, ...props }: PermissionMatrixProps): React.JSX.Element;
90
+ //# sourceMappingURL=PermissionMatrix.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PermissionMatrix.d.ts","sourceRoot":"","sources":["../../../src/components/permission-matrix/PermissionMatrix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7F,MAAM,MAAM,WAAW,GAAG,UAAU,MAAM,IAAI,MAAM,EAAE,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,SAAS,MAAM,IAAI,MAAM,IAAI,gBAAgB,GAAG,GAAG,EAAE,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC,6DAA6D;IAC7D,GAAG,EAAE,eAAe,CAAC;IACrB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,sCAAsC;AACtC,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IACnF,0CAA0C;IAC1C,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACvC,wEAAwE;IACxE,WAAW,EAAE,SAAS,0BAA0B,EAAE,CAAC;IACnD,2CAA2C;IAC3C,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC,CAAC,CAAC;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IAC5E,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kEAAkE;IAClE,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAQD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBA2DvB"}
@@ -0,0 +1,62 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ToggleMatrix } from '../toggle-matrix/ToggleMatrix.js';
3
+ const slug = (value) => value
4
+ .toLowerCase()
5
+ .replace(/[^a-z0-9]+/g, '-')
6
+ .replace(/^-+|-+$/g, '');
7
+ /**
8
+ * PermissionMatrix — the RBAC preset over `ToggleMatrix` per designs/Roles
9
+ * Permissions.dc.html: roles as columns (locked roles render the
10
+ * hard-locked Owner column), permission rows grouped by category under
11
+ * uppercase `Eyebrow` labels, diff-aware accent dots against a baseline, and
12
+ * `onChange` emitting `{ roleId, permissionKey, granted }`.
13
+ *
14
+ * Endpoint contract (apps/server/src/routes/roles):
15
+ * - `GET /api/v1/roles` → `{ roles: RoleDto & { memberCount }[] }` (columns);
16
+ * - `GET /api/v1/roles/:id/permissions` → `{ roleId, grants: string[] }`
17
+ * (feed as `grants[roleId]` and snapshot into `baseline`);
18
+ * - save = full-matrix replace per role:
19
+ * `PUT /api/v1/roles/:id/permissions` with `{ grants: string[] }` (max
20
+ * 2000) → `{ roleId, grants }`. `422 VALIDATION_FAILED` lists grants
21
+ * outside the grammar; `409 CONFLICT` when `:id` is the super-admin role
22
+ * (hard-locked column) — mark that role `locked` so the UI never tries.
23
+ * Requires `system:roles:manage`; every save writes an `rbac` audit entry.
24
+ */
25
+ export function PermissionMatrix({ roles, permissions, grants, baseline, onChange, label, rowHeader, categoryIcons, disabled = false, className, ...props }) {
26
+ // Group rows by category, preserving first-appearance order.
27
+ const rowsByCategory = new Map();
28
+ for (const permission of permissions) {
29
+ let rows = rowsByCategory.get(permission.category);
30
+ if (rows === undefined) {
31
+ rows = [];
32
+ rowsByCategory.set(permission.category, rows);
33
+ }
34
+ rows.push({ id: permission.key, label: permission.label });
35
+ }
36
+ const groups = [...rowsByCategory.entries()].map(([category, rows]) => ({
37
+ id: `category-${slug(category)}`,
38
+ label: category,
39
+ rows,
40
+ ...(categoryIcons?.[category] === undefined ? {} : { icon: categoryIcons[category] }),
41
+ }));
42
+ const grantSets = new Map(roles.map((role) => [role.id, new Set(grants[role.id] ?? [])]));
43
+ const baselineSets = baseline === undefined
44
+ ? null
45
+ : new Map(roles.map((role) => [role.id, new Set(baseline[role.id] ?? [])]));
46
+ const getCellState = (rowId, columnId) => grantSets.get(columnId)?.has(rowId) === true ? 'on' : 'off';
47
+ const isDirty = (rowId, columnId) => {
48
+ if (baselineSets === null)
49
+ return false;
50
+ const current = grantSets.get(columnId)?.has(rowId) === true;
51
+ const persisted = baselineSets.get(columnId)?.has(rowId) === true;
52
+ return current !== persisted;
53
+ };
54
+ return (_jsx(ToggleMatrix, { "data-part": "permission-matrix", columns: roles.map((role) => ({
55
+ id: role.id,
56
+ label: role.name,
57
+ ...(role.locked === undefined ? {} : { locked: role.locked }),
58
+ })), groups: groups, label: label, rowHeader: rowHeader, getCellState: getCellState, isDirty: isDirty, disabled: disabled, onToggle: (rowId, columnId, next) => {
59
+ onChange?.({ roleId: columnId, permissionKey: rowId, granted: next });
60
+ }, className: className, ...props }));
61
+ }
62
+ //# sourceMappingURL=PermissionMatrix.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PermissionMatrix.js","sourceRoot":"","sources":["../../../src/components/permission-matrix/PermissionMatrix.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { PermissionMatrix } from './PermissionMatrix.js';
2
+ export type { PageGrant, PermissionGrant, PermissionMatrixChange, PermissionMatrixPermission, PermissionMatrixProps, PermissionMatrixRole, SystemGrant, TableGrant, TableGrantAction, } from './PermissionMatrix.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/permission-matrix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { PermissionMatrix } from './PermissionMatrix.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/permission-matrix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}