tempest-react-sdk 0.38.2 → 0.38.3

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 (291) hide show
  1. package/bin/lib/design/collect.mjs +19 -0
  2. package/bin/lib/design/functions.mjs +5 -0
  3. package/bin/lib/design/index.mjs +8 -3
  4. package/bin/lib/design/index.test.mjs +31 -0
  5. package/bin/lib/design/scan.mjs +34 -2
  6. package/bin/lib/design/scan.test.mjs +78 -0
  7. package/bin/lib/doctor/doctor.e2e.test.mjs +85 -0
  8. package/bin/tempest.mjs +90 -6
  9. package/dist/audio/level-meter.cjs.map +1 -1
  10. package/dist/audio/level-meter.js.map +1 -1
  11. package/dist/audio/use-audio-recorder.cjs.map +1 -1
  12. package/dist/audio/use-audio-recorder.js.map +1 -1
  13. package/dist/auth/passkey.cjs.map +1 -1
  14. package/dist/auth/passkey.js.map +1 -1
  15. package/dist/auth/use-passkey.cjs.map +1 -1
  16. package/dist/auth/use-passkey.js.map +1 -1
  17. package/dist/br/BrazilMap.cjs.map +1 -1
  18. package/dist/br/BrazilMap.js.map +1 -1
  19. package/dist/br/BrazilStateCitySelect.cjs.map +1 -1
  20. package/dist/br/BrazilStateCitySelect.js.map +1 -1
  21. package/dist/br/BrazilStateMap.cjs.map +1 -1
  22. package/dist/br/BrazilStateMap.js.map +1 -1
  23. package/dist/br/PixQRCode.cjs.map +1 -1
  24. package/dist/br/PixQRCode.js.map +1 -1
  25. package/dist/br/boleto.cjs.map +1 -1
  26. package/dist/br/boleto.js.map +1 -1
  27. package/dist/br/pix.cjs.map +1 -1
  28. package/dist/br/pix.js.map +1 -1
  29. package/dist/br.d.ts +8 -0
  30. package/dist/capture/media-recorder.cjs.map +1 -1
  31. package/dist/capture/media-recorder.js.map +1 -1
  32. package/dist/capture/use-barcode-scanner.cjs.map +1 -1
  33. package/dist/capture/use-barcode-scanner.js.map +1 -1
  34. package/dist/capture/use-screen-capture.cjs.map +1 -1
  35. package/dist/capture/use-screen-capture.js.map +1 -1
  36. package/dist/capture/use-speech-recognition.cjs.map +1 -1
  37. package/dist/capture/use-speech-recognition.js.map +1 -1
  38. package/dist/capture/use-video-recorder.cjs.map +1 -1
  39. package/dist/capture/use-video-recorder.js.map +1 -1
  40. package/dist/charts/types.cjs.map +1 -1
  41. package/dist/charts/types.js.map +1 -1
  42. package/dist/charts.d.ts +8 -0
  43. package/dist/components/AIChat/AIChat.cjs.map +1 -1
  44. package/dist/components/AIChat/AIChat.js.map +1 -1
  45. package/dist/components/AIChat/AIChatComposer.cjs.map +1 -1
  46. package/dist/components/AIChat/AIChatComposer.js.map +1 -1
  47. package/dist/components/AIChat/AIChatTurn.cjs.map +1 -1
  48. package/dist/components/AIChat/AIChatTurn.js.map +1 -1
  49. package/dist/components/AppBar/AppBar.cjs.map +1 -1
  50. package/dist/components/AppBar/AppBar.js.map +1 -1
  51. package/dist/components/AudioPlayer/AudioPlayer.cjs.map +1 -1
  52. package/dist/components/AudioPlayer/AudioPlayer.js.map +1 -1
  53. package/dist/components/AudioRecorder/AudioRecorder.cjs.map +1 -1
  54. package/dist/components/AudioRecorder/AudioRecorder.js.map +1 -1
  55. package/dist/components/BarcodeScanner/BarcodeScanner.cjs.map +1 -1
  56. package/dist/components/BarcodeScanner/BarcodeScanner.js.map +1 -1
  57. package/dist/components/Button/Button.cjs.map +1 -1
  58. package/dist/components/Button/Button.js.map +1 -1
  59. package/dist/components/Calendar/Calendar.cjs.map +1 -1
  60. package/dist/components/Calendar/Calendar.js.map +1 -1
  61. package/dist/components/Carousel/Carousel.cjs.map +1 -1
  62. package/dist/components/Carousel/Carousel.js.map +1 -1
  63. package/dist/components/Chat/Chat.cjs.map +1 -1
  64. package/dist/components/Chat/Chat.js.map +1 -1
  65. package/dist/components/ChipInput/ChipInput.cjs.map +1 -1
  66. package/dist/components/ChipInput/ChipInput.js.map +1 -1
  67. package/dist/components/CodeBlock/CodeBlock.cjs.map +1 -1
  68. package/dist/components/CodeBlock/CodeBlock.js.map +1 -1
  69. package/dist/components/Combobox/Combobox.cjs.map +1 -1
  70. package/dist/components/Combobox/Combobox.js.map +1 -1
  71. package/dist/components/Command/Command.cjs.map +1 -1
  72. package/dist/components/Command/Command.js.map +1 -1
  73. package/dist/components/ConfirmDialog/ConfirmDialog.cjs.map +1 -1
  74. package/dist/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
  75. package/dist/components/ContextMenu/ContextMenu.cjs.map +1 -1
  76. package/dist/components/ContextMenu/ContextMenu.js.map +1 -1
  77. package/dist/components/CopyButton/CopyButton.cjs.map +1 -1
  78. package/dist/components/CopyButton/CopyButton.js.map +1 -1
  79. package/dist/components/DataTable/DataTable.cjs.map +1 -1
  80. package/dist/components/DataTable/DataTable.js.map +1 -1
  81. package/dist/components/DataTable/DataTable.module.cjs.map +1 -1
  82. package/dist/components/DataTable/DataTable.module.js.map +1 -1
  83. package/dist/components/DataTable/EditableCell.cjs.map +1 -1
  84. package/dist/components/DataTable/EditableCell.js.map +1 -1
  85. package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
  86. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  87. package/dist/components/DateRangePicker/DateRangePicker.cjs.map +1 -1
  88. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  89. package/dist/components/Drawer/Drawer.cjs.map +1 -1
  90. package/dist/components/Drawer/Drawer.js.map +1 -1
  91. package/dist/components/DropdownMenu/DropdownMenu.cjs.map +1 -1
  92. package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -1
  93. package/dist/components/Dropzone/Dropzone.cjs.map +1 -1
  94. package/dist/components/Dropzone/Dropzone.js.map +1 -1
  95. package/dist/components/FileUpload/FileUpload.cjs.map +1 -1
  96. package/dist/components/FileUpload/FileUpload.js.map +1 -1
  97. package/dist/components/FilterBar/FilterBar.cjs.map +1 -1
  98. package/dist/components/FilterBar/FilterBar.js.map +1 -1
  99. package/dist/components/ImageCropper/ImageCropper.cjs.map +1 -1
  100. package/dist/components/ImageCropper/ImageCropper.js.map +1 -1
  101. package/dist/components/InstallBanner/InstallBanner.cjs.map +1 -1
  102. package/dist/components/InstallBanner/InstallBanner.js.map +1 -1
  103. package/dist/components/Kanban/Kanban.cjs.map +1 -1
  104. package/dist/components/Kanban/Kanban.js.map +1 -1
  105. package/dist/components/Lightbox/Lightbox.cjs.map +1 -1
  106. package/dist/components/Lightbox/Lightbox.js.map +1 -1
  107. package/dist/components/ListTile/ListTile.cjs.map +1 -1
  108. package/dist/components/ListTile/ListTile.js.map +1 -1
  109. package/dist/components/Markdown/Markdown.cjs.map +1 -1
  110. package/dist/components/Markdown/Markdown.js.map +1 -1
  111. package/dist/components/Markdown/markdown-parse.cjs.map +1 -1
  112. package/dist/components/Markdown/markdown-parse.js.map +1 -1
  113. package/dist/components/Menubar/Menubar.cjs.map +1 -1
  114. package/dist/components/Menubar/Menubar.js.map +1 -1
  115. package/dist/components/Modal/Modal.cjs.map +1 -1
  116. package/dist/components/Modal/Modal.js.map +1 -1
  117. package/dist/components/ModalsManager/ModalsManager.cjs.map +1 -1
  118. package/dist/components/ModalsManager/ModalsManager.js.map +1 -1
  119. package/dist/components/MultiSelect/MultiSelect.cjs.map +1 -1
  120. package/dist/components/MultiSelect/MultiSelect.js.map +1 -1
  121. package/dist/components/NavigationMenu/NavigationMenu.cjs.map +1 -1
  122. package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -1
  123. package/dist/components/NotificationCenter/NotificationCenter.cjs.map +1 -1
  124. package/dist/components/NotificationCenter/NotificationCenter.js.map +1 -1
  125. package/dist/components/Page/Page.cjs.map +1 -1
  126. package/dist/components/Page/Page.js.map +1 -1
  127. package/dist/components/Pagination/Pagination.cjs.map +1 -1
  128. package/dist/components/Pagination/Pagination.js.map +1 -1
  129. package/dist/components/PasswordInput/PasswordInput.cjs.map +1 -1
  130. package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
  131. package/dist/components/PinInput/PinInput.cjs.map +1 -1
  132. package/dist/components/PinInput/PinInput.js.map +1 -1
  133. package/dist/components/Popover/Popover.cjs.map +1 -1
  134. package/dist/components/Popover/Popover.js.map +1 -1
  135. package/dist/components/Progress/Progress.cjs.map +1 -1
  136. package/dist/components/Progress/Progress.js.map +1 -1
  137. package/dist/components/QRCode/qr-encode.cjs.map +1 -1
  138. package/dist/components/QRCode/qr-encode.js.map +1 -1
  139. package/dist/components/Radio/Radio.cjs.map +1 -1
  140. package/dist/components/Radio/Radio.js.map +1 -1
  141. package/dist/components/RangeSlider/RangeSlider.cjs.map +1 -1
  142. package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
  143. package/dist/components/RatingStars/RatingStars.cjs.map +1 -1
  144. package/dist/components/RatingStars/RatingStars.js.map +1 -1
  145. package/dist/components/RefreshIndicator/RefreshIndicator.cjs.map +1 -1
  146. package/dist/components/RefreshIndicator/RefreshIndicator.js.map +1 -1
  147. package/dist/components/Resizable/Resizable.cjs.map +1 -1
  148. package/dist/components/Resizable/Resizable.js.map +1 -1
  149. package/dist/components/Scheduler/Scheduler.cjs.map +1 -1
  150. package/dist/components/Scheduler/Scheduler.js.map +1 -1
  151. package/dist/components/Sidebar/Sidebar.cjs.map +1 -1
  152. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  153. package/dist/components/SignaturePad/SignaturePad.cjs.map +1 -1
  154. package/dist/components/SignaturePad/SignaturePad.js.map +1 -1
  155. package/dist/components/Slider/Slider.cjs.map +1 -1
  156. package/dist/components/Slider/Slider.js.map +1 -1
  157. package/dist/components/Sparkline/Sparkline.cjs.map +1 -1
  158. package/dist/components/Sparkline/Sparkline.js.map +1 -1
  159. package/dist/components/StepperInput/StepperInput.cjs.map +1 -1
  160. package/dist/components/StepperInput/StepperInput.js.map +1 -1
  161. package/dist/components/Table/Table.cjs.map +1 -1
  162. package/dist/components/Table/Table.js.map +1 -1
  163. package/dist/components/TimePicker/TimePicker.cjs.map +1 -1
  164. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  165. package/dist/components/Toast/ToastProvider.cjs.map +1 -1
  166. package/dist/components/Toast/ToastProvider.js.map +1 -1
  167. package/dist/components/Tour/Tour.cjs.map +1 -1
  168. package/dist/components/Tour/Tour.js.map +1 -1
  169. package/dist/components/Transfer/Transfer.cjs.map +1 -1
  170. package/dist/components/Transfer/Transfer.js.map +1 -1
  171. package/dist/components/TreeView/TreeView.cjs.map +1 -1
  172. package/dist/components/TreeView/TreeView.js.map +1 -1
  173. package/dist/components/VirtualList/VirtualList.cjs.map +1 -1
  174. package/dist/components/VirtualList/VirtualList.js.map +1 -1
  175. package/dist/components/VirtualTable/VirtualTable.cjs.map +1 -1
  176. package/dist/components/VirtualTable/VirtualTable.js.map +1 -1
  177. package/dist/components/Wizard/Wizard.cjs.map +1 -1
  178. package/dist/components/Wizard/Wizard.js.map +1 -1
  179. package/dist/editor/RichTextEditor.cjs.map +1 -1
  180. package/dist/editor/RichTextEditor.js.map +1 -1
  181. package/dist/forms/FormField.cjs.map +1 -1
  182. package/dist/forms/FormField.js.map +1 -1
  183. package/dist/geo/TrajectoryMap.cjs.map +1 -1
  184. package/dist/geo/TrajectoryMap.js.map +1 -1
  185. package/dist/geo/estimate.cjs.map +1 -1
  186. package/dist/geo/estimate.js.map +1 -1
  187. package/dist/geo/projection.cjs.map +1 -1
  188. package/dist/geo/projection.js.map +1 -1
  189. package/dist/hooks/use-event-listener.cjs.map +1 -1
  190. package/dist/hooks/use-event-listener.js.map +1 -1
  191. package/dist/hooks/use-local-storage.cjs.map +1 -1
  192. package/dist/hooks/use-local-storage.js.map +1 -1
  193. package/dist/hooks/use-sortable.cjs.map +1 -1
  194. package/dist/hooks/use-sortable.js.map +1 -1
  195. package/dist/http/api-client.cjs.map +1 -1
  196. package/dist/http/api-client.js.map +1 -1
  197. package/dist/http/errors.cjs.map +1 -1
  198. package/dist/http/errors.js.map +1 -1
  199. package/dist/http/resumable-upload.cjs.map +1 -1
  200. package/dist/http/resumable-upload.js.map +1 -1
  201. package/dist/http/upload-with-progress.cjs.map +1 -1
  202. package/dist/http/upload-with-progress.js.map +1 -1
  203. package/dist/i18n/I18nProvider.cjs.map +1 -1
  204. package/dist/i18n/I18nProvider.js.map +1 -1
  205. package/dist/imaging/canvas.cjs.map +1 -1
  206. package/dist/imaging/canvas.js.map +1 -1
  207. package/dist/imaging.d.ts +5 -0
  208. package/dist/logger/logger.cjs.map +1 -1
  209. package/dist/logger/logger.js.map +1 -1
  210. package/dist/oauth/GoogleSignIn.cjs.map +1 -1
  211. package/dist/oauth/GoogleSignIn.js.map +1 -1
  212. package/dist/offline/create-offline-sync.cjs.map +1 -1
  213. package/dist/offline/create-offline-sync.js.map +1 -1
  214. package/dist/perf/cache-size.cjs +1 -1
  215. package/dist/perf/cache-size.cjs.map +1 -1
  216. package/dist/perf/cache-size.js +27 -6
  217. package/dist/perf/cache-size.js.map +1 -1
  218. package/dist/sse/create-event-stream.cjs.map +1 -1
  219. package/dist/sse/create-event-stream.js.map +1 -1
  220. package/dist/styles.css +1 -1
  221. package/dist/sw/background-sync.cjs.map +1 -1
  222. package/dist/sw/background-sync.js.map +1 -1
  223. package/dist/sw/cache.cjs.map +1 -1
  224. package/dist/sw/cache.js.map +1 -1
  225. package/dist/sw.d.ts +12 -0
  226. package/dist/tabular/compact.cjs.map +1 -1
  227. package/dist/tabular/compact.js.map +1 -1
  228. package/dist/tabular/predictor.cjs.map +1 -1
  229. package/dist/tabular/predictor.js.map +1 -1
  230. package/dist/tabular.d.ts +7 -2
  231. package/dist/tempest-react-sdk.d.ts +133 -6
  232. package/dist/theme/ThemeProvider.cjs.map +1 -1
  233. package/dist/theme/ThemeProvider.js.map +1 -1
  234. package/dist/theme/color.cjs.map +1 -1
  235. package/dist/theme/color.js.map +1 -1
  236. package/dist/theme/create-theme.cjs.map +1 -1
  237. package/dist/theme/create-theme.js.map +1 -1
  238. package/dist/theme/data-viz-ramps.cjs +1 -1
  239. package/dist/theme/data-viz-ramps.cjs.map +1 -1
  240. package/dist/theme/data-viz-ramps.js +1 -1
  241. package/dist/theme/data-viz-ramps.js.map +1 -1
  242. package/dist/utils/storage.cjs.map +1 -1
  243. package/dist/utils/storage.js.map +1 -1
  244. package/dist/vision/core/canvas.cjs.map +1 -1
  245. package/dist/vision/core/canvas.js.map +1 -1
  246. package/dist/vision/core/exceptions.cjs.map +1 -1
  247. package/dist/vision/core/exceptions.js.map +1 -1
  248. package/dist/vision/core/graph.cjs.map +1 -1
  249. package/dist/vision/core/graph.js.map +1 -1
  250. package/dist/vision/core/metadata.cjs.map +1 -1
  251. package/dist/vision/core/metadata.js.map +1 -1
  252. package/dist/vision/core/providers.cjs.map +1 -1
  253. package/dist/vision/core/providers.js.map +1 -1
  254. package/dist/vision/core/session.cjs.map +1 -1
  255. package/dist/vision/core/session.js.map +1 -1
  256. package/dist/vision/core/timing.cjs.map +1 -1
  257. package/dist/vision/core/timing.js.map +1 -1
  258. package/dist/vision/io/image.cjs.map +1 -1
  259. package/dist/vision/io/image.js.map +1 -1
  260. package/dist/vision/labels.cjs.map +1 -1
  261. package/dist/vision/labels.js.map +1 -1
  262. package/dist/vision/luminance.cjs.map +1 -1
  263. package/dist/vision/luminance.js.map +1 -1
  264. package/dist/vision/postprocess/classification.cjs.map +1 -1
  265. package/dist/vision/postprocess/classification.js.map +1 -1
  266. package/dist/vision/postprocess/detection.cjs.map +1 -1
  267. package/dist/vision/postprocess/detection.js.map +1 -1
  268. package/dist/vision/postprocess/segmentation.cjs.map +1 -1
  269. package/dist/vision/postprocess/segmentation.js.map +1 -1
  270. package/dist/vision/preprocess/image.cjs.map +1 -1
  271. package/dist/vision/preprocess/image.js.map +1 -1
  272. package/dist/vision/results.cjs.map +1 -1
  273. package/dist/vision/results.js.map +1 -1
  274. package/dist/vision/tasks/base.cjs.map +1 -1
  275. package/dist/vision/tasks/base.js.map +1 -1
  276. package/dist/vision/tasks/classifier.cjs.map +1 -1
  277. package/dist/vision/tasks/classifier.js.map +1 -1
  278. package/dist/vision/tasks/detector.cjs.map +1 -1
  279. package/dist/vision/tasks/detector.js.map +1 -1
  280. package/dist/vision/tasks/segmenter.cjs.map +1 -1
  281. package/dist/vision/tasks/segmenter.js.map +1 -1
  282. package/dist/vision/types.cjs.map +1 -1
  283. package/dist/vision/types.js.map +1 -1
  284. package/dist/vision.d.ts +6 -0
  285. package/dist/vite/tempest-icons.cjs.map +1 -1
  286. package/dist/vite/tempest-icons.js.map +1 -1
  287. package/dist/vite/tempest-pwa-icons.cjs.map +1 -1
  288. package/dist/vite/tempest-pwa-icons.js.map +1 -1
  289. package/dist/ws/create-web-socket.cjs.map +1 -1
  290. package/dist/ws/create-web-socket.js.map +1 -1
  291. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"qr-encode.js","names":[],"sources":["../../../src/components/QRCode/qr-encode.ts"],"sourcesContent":["import {\n ALPHANUMERIC_CHARS,\n alignmentPatternPositions,\n dataCodewords,\n ECC_BLOCK_COUNT,\n ECC_CODEWORDS_PER_BLOCK,\n ECC_FORMAT_BITS,\n MAX_VERSION,\n MIN_VERSION,\n rawDataModules,\n type QRErrorCorrection,\n} from \"./qr-tables\";\n\nexport type { QRErrorCorrection };\n\n/** How the payload is packed into bits. */\nexport type QRMode = \"numeric\" | \"alphanumeric\" | \"byte\";\n\nexport interface QRMatrix {\n /** Side length in modules, including no quiet zone. */\n size: number;\n /** Row-major modules; `true` is dark. */\n modules: boolean[][];\n /** Symbol version, 1 to 40. */\n version: number;\n /** Level the symbol was encoded at. */\n level: QRErrorCorrection;\n /** The mode chosen for the payload. */\n mode: QRMode;\n /** Which of the eight masks scored best. */\n mask: number;\n}\n\nexport interface QREncodeOptions {\n /** Error correction level. Default `\"M\"`. */\n level?: QRErrorCorrection;\n /**\n * Force a minimum version. The encoder still grows past it when the payload\n * does not fit — a version is a floor, never a cap that silently truncates.\n */\n minVersion?: number;\n}\n\n/** Raised when a payload cannot be encoded at the requested level. */\nexport class QRCapacityError extends Error {\n constructor(\n readonly length: number,\n readonly level: QRErrorCorrection,\n ) {\n super(\n `Payload of ${length} bytes does not fit in a version-${MAX_VERSION} QR symbol at level ${level}. ` +\n \"Shorten the data, or drop to a lower correction level.\",\n );\n this.name = \"QRCapacityError\";\n }\n}\n\nconst MODE_INDICATOR: Record<QRMode, number> = { numeric: 1, alphanumeric: 2, byte: 4 };\n\nconst NUMERIC_RE = /^[0-9]*$/;\nconst ALPHANUMERIC_RE = /^[0-9A-Z $%*+\\-./:]*$/;\n\n/**\n * Pick the densest mode the payload qualifies for.\n *\n * Numeric packs 3 digits into 10 bits and alphanumeric 2 characters into 11, so\n * a phone number or an upper-case code encodes far smaller than the same string\n * as bytes — often a whole version smaller, which is a visibly coarser symbol\n * and therefore easier to scan.\n *\n * @param text - The payload.\n * @returns The narrowest mode that can represent it.\n */\nexport function selectMode(text: string): QRMode {\n if (NUMERIC_RE.test(text)) return \"numeric\";\n if (ALPHANUMERIC_RE.test(text)) return \"alphanumeric\";\n return \"byte\";\n}\n\n/** Bits the character-count field takes, which widens with the version. */\nfunction charCountBits(mode: QRMode, version: number): number {\n const tier = version <= 9 ? 0 : version <= 26 ? 1 : 2;\n if (mode === \"numeric\") return [10, 12, 14][tier];\n if (mode === \"alphanumeric\") return [9, 11, 13][tier];\n return [8, 16, 16][tier];\n}\n\n/** A bit sink that appends most-significant-bit first. */\nclass BitBuffer {\n readonly bits: number[] = [];\n\n append(value: number, length: number) {\n for (let i = length - 1; i >= 0; i--) this.bits.push((value >>> i) & 1);\n }\n\n get length(): number {\n return this.bits.length;\n }\n}\n\n/** UTF-8 bytes for the byte mode, so accents and emoji survive the round trip. */\nfunction utf8Bytes(text: string): number[] {\n return Array.from(new TextEncoder().encode(text));\n}\n\n/** Bits the payload itself occupies in a given mode, excluding the headers. */\nfunction payloadBits(text: string, mode: QRMode): number {\n if (mode === \"numeric\") {\n const groups = Math.floor(text.length / 3);\n const rest = text.length % 3;\n return groups * 10 + (rest === 0 ? 0 : rest === 1 ? 4 : 7);\n }\n if (mode === \"alphanumeric\") {\n return Math.floor(text.length / 2) * 11 + (text.length % 2) * 6;\n }\n return utf8Bytes(text).length * 8;\n}\n\n/** Write the payload into the buffer in the chosen mode. */\nfunction writePayload(buffer: BitBuffer, text: string, mode: QRMode) {\n if (mode === \"numeric\") {\n for (let i = 0; i < text.length; i += 3) {\n const chunk = text.slice(i, i + 3);\n buffer.append(Number(chunk), chunk.length * 3 + 1);\n }\n return;\n }\n if (mode === \"alphanumeric\") {\n for (let i = 0; i < text.length; i += 2) {\n const first = ALPHANUMERIC_CHARS.indexOf(text[i]);\n if (i + 1 === text.length) {\n buffer.append(first, 6);\n } else {\n buffer.append(first * 45 + ALPHANUMERIC_CHARS.indexOf(text[i + 1]), 11);\n }\n }\n return;\n }\n for (const byte of utf8Bytes(text)) buffer.append(byte, 8);\n}\n\n/** Character count for the header, which is bytes — not characters — in byte mode. */\nfunction headerCount(text: string, mode: QRMode): number {\n return mode === \"byte\" ? utf8Bytes(text).length : text.length;\n}\n\n/**\n * The smallest version that fits the payload at this level.\n *\n * @throws {QRCapacityError} When even version 40 is too small.\n */\nfunction selectVersion(\n text: string,\n mode: QRMode,\n level: QRErrorCorrection,\n minVersion: number,\n): number {\n const bits = payloadBits(text, mode);\n for (let version = Math.max(MIN_VERSION, minVersion); version <= MAX_VERSION; version++) {\n const capacity = dataCodewords(version, level) * 8;\n if (4 + charCountBits(mode, version) + bits <= capacity) return version;\n }\n throw new QRCapacityError(headerCount(text, mode), level);\n}\n\n// ── Reed-Solomon over GF(256), primitive polynomial 0x11D ───────────────────\n\nconst GF_EXP = new Uint8Array(512);\nconst GF_LOG = new Uint8Array(256);\n\n{\n let x = 1;\n for (let i = 0; i < 255; i++) {\n GF_EXP[i] = x;\n GF_LOG[x] = i;\n x = (x << 1) ^ (x & 0x80 ? 0x11d : 0);\n }\n for (let i = 255; i < 512; i++) GF_EXP[i] = GF_EXP[i - 255];\n}\n\nfunction gfMul(a: number, b: number): number {\n if (a === 0 || b === 0) return 0;\n return GF_EXP[GF_LOG[a] + GF_LOG[b]];\n}\n\n/** The generator polynomial for `degree` error-correction codewords. */\nfunction rsGenerator(degree: number): number[] {\n let poly = [1];\n for (let i = 0; i < degree; i++) {\n const next = new Array<number>(poly.length + 1).fill(0);\n for (let j = 0; j < poly.length; j++) {\n next[j] ^= poly[j];\n next[j + 1] ^= gfMul(poly[j], GF_EXP[i]);\n }\n poly = next;\n }\n return poly;\n}\n\n/**\n * The error-correction codewords for one block.\n *\n * @param data - The block's data codewords.\n * @param degree - How many correction codewords to produce.\n * @returns The remainder of the polynomial division, which is the ECC block.\n */\nexport function reedSolomon(data: readonly number[], degree: number): number[] {\n const generator = rsGenerator(degree);\n const remainder = new Array<number>(degree).fill(0);\n for (const byte of data) {\n const factor = byte ^ remainder[0];\n remainder.shift();\n remainder.push(0);\n for (let i = 0; i < degree; i++) {\n remainder[i] ^= gfMul(generator[i + 1], factor);\n }\n }\n return remainder;\n}\n\n/**\n * Split into blocks, add correction, and interleave into the final codeword\n * stream.\n *\n * Interleaving is what makes the correction useful against a real-world smudge:\n * a contiguous scratch on the printed symbol then damages a few codewords of\n * every block instead of destroying one block completely.\n */\nfunction buildCodewords(\n data: readonly number[],\n version: number,\n level: QRErrorCorrection,\n): number[] {\n const blockCount = ECC_BLOCK_COUNT[level][version - 1];\n const eccPerBlock = ECC_CODEWORDS_PER_BLOCK[level][version - 1];\n const totalCodewords = Math.floor(rawDataModules(version) / 8);\n const shortBlockLength = Math.floor(totalCodewords / blockCount) - eccPerBlock;\n const longBlockCount = totalCodewords % blockCount;\n\n const dataBlocks: number[][] = [];\n const eccBlocks: number[][] = [];\n let offset = 0;\n for (let i = 0; i < blockCount; i++) {\n const length = shortBlockLength + (i >= blockCount - longBlockCount ? 1 : 0);\n const block = data.slice(offset, offset + length);\n offset += length;\n dataBlocks.push(block);\n eccBlocks.push(reedSolomon(block, eccPerBlock));\n }\n\n const result: number[] = [];\n for (let i = 0; i < shortBlockLength + 1; i++) {\n for (const block of dataBlocks) {\n if (i < block.length) result.push(block[i]);\n }\n }\n for (let i = 0; i < eccPerBlock; i++) {\n for (const block of eccBlocks) result.push(block[i]);\n }\n return result;\n}\n\n// ── Matrix construction ─────────────────────────────────────────────────────\n\n/** A grid under construction: modules plus which cells are function patterns. */\ninterface Canvas {\n size: number;\n modules: boolean[][];\n reserved: boolean[][];\n}\n\nfunction createCanvas(version: number): Canvas {\n const size = version * 4 + 17;\n return {\n size,\n modules: Array.from({ length: size }, () => new Array<boolean>(size).fill(false)),\n reserved: Array.from({ length: size }, () => new Array<boolean>(size).fill(false)),\n };\n}\n\nfunction setModule(canvas: Canvas, x: number, y: number, dark: boolean, reserve = true) {\n if (x < 0 || y < 0 || x >= canvas.size || y >= canvas.size) return;\n canvas.modules[y][x] = dark;\n if (reserve) canvas.reserved[y][x] = true;\n}\n\n/** A finder pattern with its separator, anchored at a corner. */\nfunction drawFinder(canvas: Canvas, left: number, top: number) {\n for (let dy = -1; dy <= 7; dy++) {\n for (let dx = -1; dx <= 7; dx++) {\n const distance = Math.max(Math.abs(dx - 3), Math.abs(dy - 3));\n setModule(canvas, left + dx, top + dy, distance !== 2 && distance <= 3);\n }\n }\n}\n\nfunction drawAlignment(canvas: Canvas, cx: number, cy: number) {\n for (let dy = -2; dy <= 2; dy++) {\n for (let dx = -2; dx <= 2; dx++) {\n setModule(canvas, cx + dx, cy + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);\n }\n }\n}\n\nfunction drawFunctionPatterns(canvas: Canvas, version: number) {\n drawFinder(canvas, 0, 0);\n drawFinder(canvas, canvas.size - 7, 0);\n drawFinder(canvas, 0, canvas.size - 7);\n\n for (let i = 8; i < canvas.size - 8; i++) {\n const dark = i % 2 === 0;\n setModule(canvas, i, 6, dark);\n setModule(canvas, 6, i, dark);\n }\n\n const positions = alignmentPatternPositions(version);\n for (const cy of positions) {\n for (const cx of positions) {\n // The three corners already hold finder patterns.\n const atFinder =\n (cx === 6 && cy === 6) ||\n (cx === 6 && cy === canvas.size - 7) ||\n (cx === canvas.size - 7 && cy === 6);\n if (!atFinder) drawAlignment(canvas, cx, cy);\n }\n }\n\n // Reserve the format information, and light the always-dark module.\n for (let i = 0; i < 9; i++) {\n setModule(canvas, i, 8, false);\n setModule(canvas, 8, i, false);\n }\n for (let i = 0; i < 8; i++) {\n setModule(canvas, canvas.size - 1 - i, 8, false);\n setModule(canvas, 8, canvas.size - 1 - i, false);\n }\n setModule(canvas, 8, canvas.size - 8, true);\n\n if (version >= 7) {\n const value = versionInformation(version);\n for (let i = 0; i < 18; i++) {\n const bit = ((value >>> i) & 1) === 1;\n const a = canvas.size - 11 + (i % 3);\n const b = Math.floor(i / 3);\n setModule(canvas, a, b, bit);\n setModule(canvas, b, a, bit);\n }\n }\n}\n\n/** The 18-bit version information block, BCH(18,6) with generator 0x1F25. */\nfunction versionInformation(version: number): number {\n let remainder = version;\n for (let i = 0; i < 12; i++) {\n remainder = (remainder << 1) ^ ((remainder >>> 11) * 0x1f25);\n }\n return (version << 12) | remainder;\n}\n\n/** The 15-bit format information, BCH(15,5) masked with 0x5412. */\nfunction formatInformation(level: QRErrorCorrection, mask: number): number {\n const data = (ECC_FORMAT_BITS[level] << 3) | mask;\n let remainder = data;\n for (let i = 0; i < 10; i++) {\n remainder = (remainder << 1) ^ ((remainder >>> 9) * 0x537);\n }\n return ((data << 10) | remainder) ^ 0x5412;\n}\n\nfunction drawFormatInformation(canvas: Canvas, level: QRErrorCorrection, mask: number) {\n const bits = formatInformation(level, mask);\n\n for (let i = 0; i <= 5; i++) setModule(canvas, 8, i, ((bits >>> i) & 1) === 1);\n setModule(canvas, 8, 7, ((bits >>> 6) & 1) === 1);\n setModule(canvas, 8, 8, ((bits >>> 7) & 1) === 1);\n setModule(canvas, 7, 8, ((bits >>> 8) & 1) === 1);\n for (let i = 9; i < 15; i++) setModule(canvas, 14 - i, 8, ((bits >>> i) & 1) === 1);\n\n for (let i = 0; i < 8; i++) {\n setModule(canvas, canvas.size - 1 - i, 8, ((bits >>> i) & 1) === 1);\n }\n for (let i = 8; i < 15; i++) {\n setModule(canvas, 8, canvas.size - 15 + i, ((bits >>> i) & 1) === 1);\n }\n setModule(canvas, 8, canvas.size - 8, true);\n}\n\n/**\n * Lay the codeword stream into the free modules.\n *\n * The path is a boustrophedon over two-module columns from the bottom-right\n * corner, skipping the vertical timing pattern in column 6 entirely — that\n * column would otherwise shift every subsequent column by one.\n */\nfunction drawCodewords(canvas: Canvas, codewords: readonly number[]) {\n let bitIndex = 0;\n let upward = true;\n\n for (let right = canvas.size - 1; right >= 1; right -= 2) {\n if (right === 6) right = 5;\n for (let step = 0; step < canvas.size; step++) {\n const y = upward ? canvas.size - 1 - step : step;\n for (let column = 0; column < 2; column++) {\n const x = right - column;\n if (canvas.reserved[y][x]) continue;\n const byte = codewords[bitIndex >>> 3];\n // Remainder bits past the stream are light, per the standard.\n canvas.modules[y][x] =\n byte !== undefined && ((byte >>> (7 - (bitIndex & 7))) & 1) === 1;\n bitIndex++;\n }\n }\n upward = !upward;\n }\n}\n\nconst MASK_FUNCTIONS: readonly ((x: number, y: number) => boolean)[] = [\n (x, y) => (x + y) % 2 === 0,\n (_x, y) => y % 2 === 0,\n (x) => x % 3 === 0,\n (x, y) => (x + y) % 3 === 0,\n (x, y) => (Math.floor(y / 2) + Math.floor(x / 3)) % 2 === 0,\n (x, y) => ((x * y) % 2) + ((x * y) % 3) === 0,\n (x, y) => (((x * y) % 2) + ((x * y) % 3)) % 2 === 0,\n (x, y) => (((x + y) % 2) + ((x * y) % 3)) % 2 === 0,\n];\n\nfunction applyMask(canvas: Canvas, mask: number) {\n const fn = MASK_FUNCTIONS[mask];\n for (let y = 0; y < canvas.size; y++) {\n for (let x = 0; x < canvas.size; x++) {\n if (!canvas.reserved[y][x] && fn(x, y)) canvas.modules[y][x] = !canvas.modules[y][x];\n }\n }\n}\n\n/**\n * Score a masked symbol; lower is better.\n *\n * The four penalties push away from patterns a scanner confuses with the finder\n * marks, and from large flat areas where it cannot lock on.\n */\nfunction penalty(canvas: Canvas): number {\n const { size, modules } = canvas;\n let score = 0;\n\n const runPenalty = (run: number) => (run >= 5 ? 3 + (run - 5) : 0);\n\n for (let y = 0; y < size; y++) {\n let run = 1;\n for (let x = 1; x < size; x++) {\n if (modules[y][x] === modules[y][x - 1]) run++;\n else {\n score += runPenalty(run);\n run = 1;\n }\n }\n score += runPenalty(run);\n }\n for (let x = 0; x < size; x++) {\n let run = 1;\n for (let y = 1; y < size; y++) {\n if (modules[y][x] === modules[y - 1][x]) run++;\n else {\n score += runPenalty(run);\n run = 1;\n }\n }\n score += runPenalty(run);\n }\n\n for (let y = 0; y < size - 1; y++) {\n for (let x = 0; x < size - 1; x++) {\n const cell = modules[y][x];\n if (\n cell === modules[y][x + 1] &&\n cell === modules[y + 1][x] &&\n cell === modules[y + 1][x + 1]\n ) {\n score += 3;\n }\n }\n }\n\n // 1:1:3:1:1 with four light modules on either side — the finder's signature.\n const FINDER = [true, false, true, true, true, false, true];\n const matchesAt = (line: readonly boolean[], at: number): boolean => {\n for (let i = 0; i < FINDER.length; i++) {\n if (line[at + i] !== FINDER[i]) return false;\n }\n const before = line.slice(Math.max(0, at - 4), at);\n const after = line.slice(at + 7, at + 11);\n const clear = (part: readonly boolean[]) => part.length === 4 && part.every((m) => !m);\n return clear(before) || clear(after);\n };\n\n for (let i = 0; i < size; i++) {\n const row = modules[i];\n const column = modules.map((line) => line[i]);\n for (let at = 0; at + 7 <= size; at++) {\n if (matchesAt(row, at)) score += 40;\n if (matchesAt(column, at)) score += 40;\n }\n }\n\n let dark = 0;\n for (const row of modules) for (const cell of row) if (cell) dark++;\n const percent = (dark * 100) / (size * size);\n score += Math.floor(Math.abs(percent - 50) / 5) * 10;\n\n return score;\n}\n\nfunction cloneCanvas(canvas: Canvas): Canvas {\n return {\n size: canvas.size,\n modules: canvas.modules.map((row) => [...row]),\n reserved: canvas.reserved.map((row) => [...row]),\n };\n}\n\n/**\n * Encode text into a QR matrix.\n *\n * The whole pipeline of ISO/IEC 18004: pick the densest mode the payload\n * qualifies for, pick the smallest version that fits, build the bit stream, add\n * Reed-Solomon correction, interleave the blocks, lay the modules out, then try\n * all eight masks and keep the one the standard's penalty function likes best.\n *\n * @param text - The payload. Byte mode encodes it as UTF-8.\n * @param options - Level and an optional version floor.\n * @returns The finished matrix, without a quiet zone.\n * @throws {QRCapacityError} When the payload does not fit at that level.\n *\n * @example\n * const qr = encodeQR(\"https://tempest.dev\", { level: \"Q\" });\n * qr.modules[0][0]; // true — top-left of the finder pattern\n */\nexport function encodeQR(text: string, options: QREncodeOptions = {}): QRMatrix {\n const { level = \"M\", minVersion = MIN_VERSION } = options;\n const mode = selectMode(text);\n const version = selectVersion(text, mode, level, minVersion);\n\n const buffer = new BitBuffer();\n buffer.append(MODE_INDICATOR[mode], 4);\n buffer.append(headerCount(text, mode), charCountBits(mode, version));\n writePayload(buffer, text, mode);\n\n const capacity = dataCodewords(version, level) * 8;\n buffer.append(0, Math.min(4, capacity - buffer.length));\n buffer.append(0, (8 - (buffer.length % 8)) % 8);\n\n const data: number[] = [];\n for (let i = 0; i < buffer.length; i += 8) {\n let byte = 0;\n for (let j = 0; j < 8; j++) byte = (byte << 1) | buffer.bits[i + j];\n data.push(byte);\n }\n // The two alternating pad bytes are prescribed, not arbitrary filler.\n for (let pad = 0xec; data.length < capacity / 8; pad ^= 0xec ^ 0x11) data.push(pad);\n\n const codewords = buildCodewords(data, version, level);\n\n const base = createCanvas(version);\n drawFunctionPatterns(base, version);\n drawCodewords(base, codewords);\n\n let best: Canvas | null = null;\n let bestMask = 0;\n let bestScore = Number.POSITIVE_INFINITY;\n for (let mask = 0; mask < 8; mask++) {\n const candidate = cloneCanvas(base);\n applyMask(candidate, mask);\n drawFormatInformation(candidate, level, mask);\n const score = penalty(candidate);\n if (score < bestScore) {\n bestScore = score;\n bestMask = mask;\n best = candidate;\n }\n }\n\n const chosen = best as Canvas;\n return {\n size: chosen.size,\n modules: chosen.modules,\n version,\n level,\n mode,\n mask: bestMask,\n };\n}\n\n/**\n * The matrix as an SVG path, one `M…h…v…h…z` rectangle per dark module.\n *\n * A path beats one `<rect>` per module: a version-10 symbol is 3 481 modules,\n * and that many elements is a real cost to parse and to paint. Coordinates are\n * whole numbers in module space, so the shape stays crisp at any size.\n *\n * @param matrix - An encoded matrix.\n * @param margin - Quiet zone in modules. The standard asks for 4.\n * @returns The `d` attribute, empty when there is nothing dark.\n */\nexport function matrixToPath(matrix: QRMatrix, margin = 4): string {\n const parts: string[] = [];\n for (let y = 0; y < matrix.size; y++) {\n let runStart = -1;\n for (let x = 0; x <= matrix.size; x++) {\n const dark = x < matrix.size && matrix.modules[y][x];\n if (dark && runStart === -1) runStart = x;\n if (!dark && runStart !== -1) {\n // Merge each horizontal run into one rectangle.\n parts.push(\n `M${runStart + margin} ${y + margin}h${x - runStart}v1h-${x - runStart}z`,\n );\n runStart = -1;\n }\n }\n }\n return parts.join(\"\");\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"qr-encode.js","names":[],"sources":["../../../src/components/QRCode/qr-encode.ts"],"sourcesContent":["/**\n * @tempest-limits file-lines — ISO/IEC 18004 end to end with no dependency: mode\n * selection, the version and error-correction tables, Reed-Solomon over GF(256),\n * interleaving, the module placement with its function patterns, all eight masks and\n * the penalty scoring that picks between them. These are stages of one pipeline\n * defined by the standard; a file boundary between them would only move where the\n * reader has to look up a table.\n */\nimport {\n ALPHANUMERIC_CHARS,\n alignmentPatternPositions,\n dataCodewords,\n ECC_BLOCK_COUNT,\n ECC_CODEWORDS_PER_BLOCK,\n ECC_FORMAT_BITS,\n MAX_VERSION,\n MIN_VERSION,\n rawDataModules,\n type QRErrorCorrection,\n} from \"./qr-tables\";\n\nexport type { QRErrorCorrection };\n\n/** How the payload is packed into bits. */\nexport type QRMode = \"numeric\" | \"alphanumeric\" | \"byte\";\n\nexport interface QRMatrix {\n /** Side length in modules, including no quiet zone. */\n size: number;\n /** Row-major modules; `true` is dark. */\n modules: boolean[][];\n /** Symbol version, 1 to 40. */\n version: number;\n /** Level the symbol was encoded at. */\n level: QRErrorCorrection;\n /** The mode chosen for the payload. */\n mode: QRMode;\n /** Which of the eight masks scored best. */\n mask: number;\n}\n\nexport interface QREncodeOptions {\n /** Error correction level. Default `\"M\"`. */\n level?: QRErrorCorrection;\n /**\n * Force a minimum version. The encoder still grows past it when the payload\n * does not fit — a version is a floor, never a cap that silently truncates.\n */\n minVersion?: number;\n}\n\n/** Raised when a payload cannot be encoded at the requested level. */\nexport class QRCapacityError extends Error {\n constructor(\n readonly length: number,\n readonly level: QRErrorCorrection,\n ) {\n super(\n `Payload of ${length} bytes does not fit in a version-${MAX_VERSION} QR symbol at level ${level}. ` +\n \"Shorten the data, or drop to a lower correction level.\",\n );\n this.name = \"QRCapacityError\";\n }\n}\n\nconst MODE_INDICATOR: Record<QRMode, number> = { numeric: 1, alphanumeric: 2, byte: 4 };\n\nconst NUMERIC_RE = /^[0-9]*$/;\nconst ALPHANUMERIC_RE = /^[0-9A-Z $%*+\\-./:]*$/;\n\n/**\n * Pick the densest mode the payload qualifies for.\n *\n * Numeric packs 3 digits into 10 bits and alphanumeric 2 characters into 11, so\n * a phone number or an upper-case code encodes far smaller than the same string\n * as bytes — often a whole version smaller, which is a visibly coarser symbol\n * and therefore easier to scan.\n *\n * @param text - The payload.\n * @returns The narrowest mode that can represent it.\n */\nexport function selectMode(text: string): QRMode {\n if (NUMERIC_RE.test(text)) return \"numeric\";\n if (ALPHANUMERIC_RE.test(text)) return \"alphanumeric\";\n return \"byte\";\n}\n\n/** Bits the character-count field takes, which widens with the version. */\nfunction charCountBits(mode: QRMode, version: number): number {\n const tier = version <= 9 ? 0 : version <= 26 ? 1 : 2;\n if (mode === \"numeric\") return [10, 12, 14][tier];\n if (mode === \"alphanumeric\") return [9, 11, 13][tier];\n return [8, 16, 16][tier];\n}\n\n/** A bit sink that appends most-significant-bit first. */\nclass BitBuffer {\n readonly bits: number[] = [];\n\n append(value: number, length: number) {\n for (let i = length - 1; i >= 0; i--) this.bits.push((value >>> i) & 1);\n }\n\n get length(): number {\n return this.bits.length;\n }\n}\n\n/** UTF-8 bytes for the byte mode, so accents and emoji survive the round trip. */\nfunction utf8Bytes(text: string): number[] {\n return Array.from(new TextEncoder().encode(text));\n}\n\n/** Bits the payload itself occupies in a given mode, excluding the headers. */\nfunction payloadBits(text: string, mode: QRMode): number {\n if (mode === \"numeric\") {\n const groups = Math.floor(text.length / 3);\n const rest = text.length % 3;\n return groups * 10 + (rest === 0 ? 0 : rest === 1 ? 4 : 7);\n }\n if (mode === \"alphanumeric\") {\n return Math.floor(text.length / 2) * 11 + (text.length % 2) * 6;\n }\n return utf8Bytes(text).length * 8;\n}\n\n/** Write the payload into the buffer in the chosen mode. */\nfunction writePayload(buffer: BitBuffer, text: string, mode: QRMode) {\n if (mode === \"numeric\") {\n for (let i = 0; i < text.length; i += 3) {\n const chunk = text.slice(i, i + 3);\n buffer.append(Number(chunk), chunk.length * 3 + 1);\n }\n return;\n }\n if (mode === \"alphanumeric\") {\n for (let i = 0; i < text.length; i += 2) {\n const first = ALPHANUMERIC_CHARS.indexOf(text[i]);\n if (i + 1 === text.length) {\n buffer.append(first, 6);\n } else {\n buffer.append(first * 45 + ALPHANUMERIC_CHARS.indexOf(text[i + 1]), 11);\n }\n }\n return;\n }\n for (const byte of utf8Bytes(text)) buffer.append(byte, 8);\n}\n\n/** Character count for the header, which is bytes — not characters — in byte mode. */\nfunction headerCount(text: string, mode: QRMode): number {\n return mode === \"byte\" ? utf8Bytes(text).length : text.length;\n}\n\n/**\n * The smallest version that fits the payload at this level.\n *\n * @throws {QRCapacityError} When even version 40 is too small.\n */\nfunction selectVersion(\n text: string,\n mode: QRMode,\n level: QRErrorCorrection,\n minVersion: number,\n): number {\n const bits = payloadBits(text, mode);\n for (let version = Math.max(MIN_VERSION, minVersion); version <= MAX_VERSION; version++) {\n const capacity = dataCodewords(version, level) * 8;\n if (4 + charCountBits(mode, version) + bits <= capacity) return version;\n }\n throw new QRCapacityError(headerCount(text, mode), level);\n}\n\n// ── Reed-Solomon over GF(256), primitive polynomial 0x11D ───────────────────\n\nconst GF_EXP = new Uint8Array(512);\nconst GF_LOG = new Uint8Array(256);\n\n{\n let x = 1;\n for (let i = 0; i < 255; i++) {\n GF_EXP[i] = x;\n GF_LOG[x] = i;\n x = (x << 1) ^ (x & 0x80 ? 0x11d : 0);\n }\n for (let i = 255; i < 512; i++) GF_EXP[i] = GF_EXP[i - 255];\n}\n\nfunction gfMul(a: number, b: number): number {\n if (a === 0 || b === 0) return 0;\n return GF_EXP[GF_LOG[a] + GF_LOG[b]];\n}\n\n/** The generator polynomial for `degree` error-correction codewords. */\nfunction rsGenerator(degree: number): number[] {\n let poly = [1];\n for (let i = 0; i < degree; i++) {\n const next = new Array<number>(poly.length + 1).fill(0);\n for (let j = 0; j < poly.length; j++) {\n next[j] ^= poly[j];\n next[j + 1] ^= gfMul(poly[j], GF_EXP[i]);\n }\n poly = next;\n }\n return poly;\n}\n\n/**\n * The error-correction codewords for one block.\n *\n * @param data - The block's data codewords.\n * @param degree - How many correction codewords to produce.\n * @returns The remainder of the polynomial division, which is the ECC block.\n */\nexport function reedSolomon(data: readonly number[], degree: number): number[] {\n const generator = rsGenerator(degree);\n const remainder = new Array<number>(degree).fill(0);\n for (const byte of data) {\n const factor = byte ^ remainder[0];\n remainder.shift();\n remainder.push(0);\n for (let i = 0; i < degree; i++) {\n remainder[i] ^= gfMul(generator[i + 1], factor);\n }\n }\n return remainder;\n}\n\n/**\n * Split into blocks, add correction, and interleave into the final codeword\n * stream.\n *\n * Interleaving is what makes the correction useful against a real-world smudge:\n * a contiguous scratch on the printed symbol then damages a few codewords of\n * every block instead of destroying one block completely.\n */\nfunction buildCodewords(\n data: readonly number[],\n version: number,\n level: QRErrorCorrection,\n): number[] {\n const blockCount = ECC_BLOCK_COUNT[level][version - 1];\n const eccPerBlock = ECC_CODEWORDS_PER_BLOCK[level][version - 1];\n const totalCodewords = Math.floor(rawDataModules(version) / 8);\n const shortBlockLength = Math.floor(totalCodewords / blockCount) - eccPerBlock;\n const longBlockCount = totalCodewords % blockCount;\n\n const dataBlocks: number[][] = [];\n const eccBlocks: number[][] = [];\n let offset = 0;\n for (let i = 0; i < blockCount; i++) {\n const length = shortBlockLength + (i >= blockCount - longBlockCount ? 1 : 0);\n const block = data.slice(offset, offset + length);\n offset += length;\n dataBlocks.push(block);\n eccBlocks.push(reedSolomon(block, eccPerBlock));\n }\n\n const result: number[] = [];\n for (let i = 0; i < shortBlockLength + 1; i++) {\n for (const block of dataBlocks) {\n if (i < block.length) result.push(block[i]);\n }\n }\n for (let i = 0; i < eccPerBlock; i++) {\n for (const block of eccBlocks) result.push(block[i]);\n }\n return result;\n}\n\n// ── Matrix construction ─────────────────────────────────────────────────────\n\n/** A grid under construction: modules plus which cells are function patterns. */\ninterface Canvas {\n size: number;\n modules: boolean[][];\n reserved: boolean[][];\n}\n\nfunction createCanvas(version: number): Canvas {\n const size = version * 4 + 17;\n return {\n size,\n modules: Array.from({ length: size }, () => new Array<boolean>(size).fill(false)),\n reserved: Array.from({ length: size }, () => new Array<boolean>(size).fill(false)),\n };\n}\n\nfunction setModule(canvas: Canvas, x: number, y: number, dark: boolean, reserve = true) {\n if (x < 0 || y < 0 || x >= canvas.size || y >= canvas.size) return;\n canvas.modules[y][x] = dark;\n if (reserve) canvas.reserved[y][x] = true;\n}\n\n/** A finder pattern with its separator, anchored at a corner. */\nfunction drawFinder(canvas: Canvas, left: number, top: number) {\n for (let dy = -1; dy <= 7; dy++) {\n for (let dx = -1; dx <= 7; dx++) {\n const distance = Math.max(Math.abs(dx - 3), Math.abs(dy - 3));\n setModule(canvas, left + dx, top + dy, distance !== 2 && distance <= 3);\n }\n }\n}\n\nfunction drawAlignment(canvas: Canvas, cx: number, cy: number) {\n for (let dy = -2; dy <= 2; dy++) {\n for (let dx = -2; dx <= 2; dx++) {\n setModule(canvas, cx + dx, cy + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);\n }\n }\n}\n\nfunction drawFunctionPatterns(canvas: Canvas, version: number) {\n drawFinder(canvas, 0, 0);\n drawFinder(canvas, canvas.size - 7, 0);\n drawFinder(canvas, 0, canvas.size - 7);\n\n for (let i = 8; i < canvas.size - 8; i++) {\n const dark = i % 2 === 0;\n setModule(canvas, i, 6, dark);\n setModule(canvas, 6, i, dark);\n }\n\n const positions = alignmentPatternPositions(version);\n for (const cy of positions) {\n for (const cx of positions) {\n // The three corners already hold finder patterns.\n const atFinder =\n (cx === 6 && cy === 6) ||\n (cx === 6 && cy === canvas.size - 7) ||\n (cx === canvas.size - 7 && cy === 6);\n if (!atFinder) drawAlignment(canvas, cx, cy);\n }\n }\n\n // Reserve the format information, and light the always-dark module.\n for (let i = 0; i < 9; i++) {\n setModule(canvas, i, 8, false);\n setModule(canvas, 8, i, false);\n }\n for (let i = 0; i < 8; i++) {\n setModule(canvas, canvas.size - 1 - i, 8, false);\n setModule(canvas, 8, canvas.size - 1 - i, false);\n }\n setModule(canvas, 8, canvas.size - 8, true);\n\n if (version >= 7) {\n const value = versionInformation(version);\n for (let i = 0; i < 18; i++) {\n const bit = ((value >>> i) & 1) === 1;\n const a = canvas.size - 11 + (i % 3);\n const b = Math.floor(i / 3);\n setModule(canvas, a, b, bit);\n setModule(canvas, b, a, bit);\n }\n }\n}\n\n/** The 18-bit version information block, BCH(18,6) with generator 0x1F25. */\nfunction versionInformation(version: number): number {\n let remainder = version;\n for (let i = 0; i < 12; i++) {\n remainder = (remainder << 1) ^ ((remainder >>> 11) * 0x1f25);\n }\n return (version << 12) | remainder;\n}\n\n/** The 15-bit format information, BCH(15,5) masked with 0x5412. */\nfunction formatInformation(level: QRErrorCorrection, mask: number): number {\n const data = (ECC_FORMAT_BITS[level] << 3) | mask;\n let remainder = data;\n for (let i = 0; i < 10; i++) {\n remainder = (remainder << 1) ^ ((remainder >>> 9) * 0x537);\n }\n return ((data << 10) | remainder) ^ 0x5412;\n}\n\nfunction drawFormatInformation(canvas: Canvas, level: QRErrorCorrection, mask: number) {\n const bits = formatInformation(level, mask);\n\n for (let i = 0; i <= 5; i++) setModule(canvas, 8, i, ((bits >>> i) & 1) === 1);\n setModule(canvas, 8, 7, ((bits >>> 6) & 1) === 1);\n setModule(canvas, 8, 8, ((bits >>> 7) & 1) === 1);\n setModule(canvas, 7, 8, ((bits >>> 8) & 1) === 1);\n for (let i = 9; i < 15; i++) setModule(canvas, 14 - i, 8, ((bits >>> i) & 1) === 1);\n\n for (let i = 0; i < 8; i++) {\n setModule(canvas, canvas.size - 1 - i, 8, ((bits >>> i) & 1) === 1);\n }\n for (let i = 8; i < 15; i++) {\n setModule(canvas, 8, canvas.size - 15 + i, ((bits >>> i) & 1) === 1);\n }\n setModule(canvas, 8, canvas.size - 8, true);\n}\n\n/**\n * Lay the codeword stream into the free modules.\n *\n * The path is a boustrophedon over two-module columns from the bottom-right\n * corner, skipping the vertical timing pattern in column 6 entirely — that\n * column would otherwise shift every subsequent column by one.\n */\nfunction drawCodewords(canvas: Canvas, codewords: readonly number[]) {\n let bitIndex = 0;\n let upward = true;\n\n for (let right = canvas.size - 1; right >= 1; right -= 2) {\n if (right === 6) right = 5;\n for (let step = 0; step < canvas.size; step++) {\n const y = upward ? canvas.size - 1 - step : step;\n for (let column = 0; column < 2; column++) {\n const x = right - column;\n if (canvas.reserved[y][x]) continue;\n const byte = codewords[bitIndex >>> 3];\n // Remainder bits past the stream are light, per the standard.\n canvas.modules[y][x] =\n byte !== undefined && ((byte >>> (7 - (bitIndex & 7))) & 1) === 1;\n bitIndex++;\n }\n }\n upward = !upward;\n }\n}\n\nconst MASK_FUNCTIONS: readonly ((x: number, y: number) => boolean)[] = [\n (x, y) => (x + y) % 2 === 0,\n (_x, y) => y % 2 === 0,\n (x) => x % 3 === 0,\n (x, y) => (x + y) % 3 === 0,\n (x, y) => (Math.floor(y / 2) + Math.floor(x / 3)) % 2 === 0,\n (x, y) => ((x * y) % 2) + ((x * y) % 3) === 0,\n (x, y) => (((x * y) % 2) + ((x * y) % 3)) % 2 === 0,\n (x, y) => (((x + y) % 2) + ((x * y) % 3)) % 2 === 0,\n];\n\nfunction applyMask(canvas: Canvas, mask: number) {\n const fn = MASK_FUNCTIONS[mask];\n for (let y = 0; y < canvas.size; y++) {\n for (let x = 0; x < canvas.size; x++) {\n if (!canvas.reserved[y][x] && fn(x, y)) canvas.modules[y][x] = !canvas.modules[y][x];\n }\n }\n}\n\n/**\n * Score a masked symbol; lower is better.\n *\n * The four penalties push away from patterns a scanner confuses with the finder\n * marks, and from large flat areas where it cannot lock on.\n */\nfunction penalty(canvas: Canvas): number {\n const { size, modules } = canvas;\n let score = 0;\n\n const runPenalty = (run: number) => (run >= 5 ? 3 + (run - 5) : 0);\n\n for (let y = 0; y < size; y++) {\n let run = 1;\n for (let x = 1; x < size; x++) {\n if (modules[y][x] === modules[y][x - 1]) run++;\n else {\n score += runPenalty(run);\n run = 1;\n }\n }\n score += runPenalty(run);\n }\n for (let x = 0; x < size; x++) {\n let run = 1;\n for (let y = 1; y < size; y++) {\n if (modules[y][x] === modules[y - 1][x]) run++;\n else {\n score += runPenalty(run);\n run = 1;\n }\n }\n score += runPenalty(run);\n }\n\n for (let y = 0; y < size - 1; y++) {\n for (let x = 0; x < size - 1; x++) {\n const cell = modules[y][x];\n if (\n cell === modules[y][x + 1] &&\n cell === modules[y + 1][x] &&\n cell === modules[y + 1][x + 1]\n ) {\n score += 3;\n }\n }\n }\n\n // 1:1:3:1:1 with four light modules on either side — the finder's signature.\n const FINDER = [true, false, true, true, true, false, true];\n const matchesAt = (line: readonly boolean[], at: number): boolean => {\n for (let i = 0; i < FINDER.length; i++) {\n if (line[at + i] !== FINDER[i]) return false;\n }\n const before = line.slice(Math.max(0, at - 4), at);\n const after = line.slice(at + 7, at + 11);\n const clear = (part: readonly boolean[]) => part.length === 4 && part.every((m) => !m);\n return clear(before) || clear(after);\n };\n\n for (let i = 0; i < size; i++) {\n const row = modules[i];\n const column = modules.map((line) => line[i]);\n for (let at = 0; at + 7 <= size; at++) {\n if (matchesAt(row, at)) score += 40;\n if (matchesAt(column, at)) score += 40;\n }\n }\n\n let dark = 0;\n for (const row of modules) for (const cell of row) if (cell) dark++;\n const percent = (dark * 100) / (size * size);\n score += Math.floor(Math.abs(percent - 50) / 5) * 10;\n\n return score;\n}\n\nfunction cloneCanvas(canvas: Canvas): Canvas {\n return {\n size: canvas.size,\n modules: canvas.modules.map((row) => [...row]),\n reserved: canvas.reserved.map((row) => [...row]),\n };\n}\n\n/**\n * Encode text into a QR matrix.\n *\n * The whole pipeline of ISO/IEC 18004: pick the densest mode the payload\n * qualifies for, pick the smallest version that fits, build the bit stream, add\n * Reed-Solomon correction, interleave the blocks, lay the modules out, then try\n * all eight masks and keep the one the standard's penalty function likes best.\n *\n * @param text - The payload. Byte mode encodes it as UTF-8.\n * @param options - Level and an optional version floor.\n * @returns The finished matrix, without a quiet zone.\n * @throws {QRCapacityError} When the payload does not fit at that level.\n *\n * @example\n * const qr = encodeQR(\"https://tempest.dev\", { level: \"Q\" });\n * qr.modules[0][0]; // true — top-left of the finder pattern\n */\nexport function encodeQR(text: string, options: QREncodeOptions = {}): QRMatrix {\n const { level = \"M\", minVersion = MIN_VERSION } = options;\n const mode = selectMode(text);\n const version = selectVersion(text, mode, level, minVersion);\n\n const buffer = new BitBuffer();\n buffer.append(MODE_INDICATOR[mode], 4);\n buffer.append(headerCount(text, mode), charCountBits(mode, version));\n writePayload(buffer, text, mode);\n\n const capacity = dataCodewords(version, level) * 8;\n buffer.append(0, Math.min(4, capacity - buffer.length));\n buffer.append(0, (8 - (buffer.length % 8)) % 8);\n\n const data: number[] = [];\n for (let i = 0; i < buffer.length; i += 8) {\n let byte = 0;\n for (let j = 0; j < 8; j++) byte = (byte << 1) | buffer.bits[i + j];\n data.push(byte);\n }\n // The two alternating pad bytes are prescribed, not arbitrary filler.\n for (let pad = 0xec; data.length < capacity / 8; pad ^= 0xec ^ 0x11) data.push(pad);\n\n const codewords = buildCodewords(data, version, level);\n\n const base = createCanvas(version);\n drawFunctionPatterns(base, version);\n drawCodewords(base, codewords);\n\n let best: Canvas | null = null;\n let bestMask = 0;\n let bestScore = Number.POSITIVE_INFINITY;\n for (let mask = 0; mask < 8; mask++) {\n const candidate = cloneCanvas(base);\n applyMask(candidate, mask);\n drawFormatInformation(candidate, level, mask);\n const score = penalty(candidate);\n if (score < bestScore) {\n bestScore = score;\n bestMask = mask;\n best = candidate;\n }\n }\n\n const chosen = best as Canvas;\n return {\n size: chosen.size,\n modules: chosen.modules,\n version,\n level,\n mode,\n mask: bestMask,\n };\n}\n\n/**\n * The matrix as an SVG path, one `M…h…v…h…z` rectangle per dark module.\n *\n * A path beats one `<rect>` per module: a version-10 symbol is 3 481 modules,\n * and that many elements is a real cost to parse and to paint. Coordinates are\n * whole numbers in module space, so the shape stays crisp at any size.\n *\n * @param matrix - An encoded matrix.\n * @param margin - Quiet zone in modules. The standard asks for 4.\n * @returns The `d` attribute, empty when there is nothing dark.\n */\nexport function matrixToPath(matrix: QRMatrix, margin = 4): string {\n const parts: string[] = [];\n for (let y = 0; y < matrix.size; y++) {\n let runStart = -1;\n for (let x = 0; x <= matrix.size; x++) {\n const dark = x < matrix.size && matrix.modules[y][x];\n if (dark && runStart === -1) runStart = x;\n if (!dark && runStart !== -1) {\n // Merge each horizontal run into one rectangle.\n parts.push(\n `M${runStart + margin} ${y + margin}h${x - runStart}v1h-${x - runStart}z`,\n );\n runStart = -1;\n }\n }\n }\n return parts.join(\"\");\n}\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n name: string;\n value?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n label?: ReactNode;\n description?: ReactNode;\n value: string;\n wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n value,\n disabled,\n name,\n checked,\n onChange,\n wrapperClassName,\n className,\n ...props\n },\n ref,\n) {\n const group = useContext(RadioGroupContext);\n const resolvedName = group?.name ?? name;\n const resolvedDisabled = group?.disabled ?? disabled;\n const isChecked = group ? group.value === value : checked;\n\n function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n if (group) group.onChange?.(value);\n onChange?.(event);\n }\n\n return (\n <label\n className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n >\n <input\n ref={ref}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={resolvedDisabled}\n onChange={handleChange}\n className={cn(styles.input, className)}\n {...props}\n />\n <span className={styles.dot} aria-hidden />\n {(label || description) && (\n <span className={styles.labelWrap}>\n {label && <span className={styles.label}>{label}</span>}\n {description && <span className={styles.description}>{description}</span>}\n </span>\n )}\n </label>\n );\n});\n\nexport interface RadioGroupProps {\n /** Selected value (controlled). */\n value?: string;\n /** Default selected value (uncontrolled). */\n defaultValue?: string;\n /** Called when the selection changes. */\n onChange?: (value: string) => void;\n /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n name?: string;\n /** Disable every Radio inside. */\n disabled?: boolean;\n /** Lay out radios horizontally. Default: false (column). */\n horizontal?: boolean;\n className?: string;\n children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n value,\n defaultValue,\n onChange,\n name,\n disabled,\n horizontal = false,\n className,\n children,\n}: RadioGroupProps) {\n const generatedName = useId();\n const resolvedName = name ?? generatedName;\n\n const [internal, setInternal] = useState<string | undefined>(defaultValue);\n const isControlled = value !== undefined;\n const current = isControlled ? value : internal;\n\n function handleChange(next: string): void {\n if (!isControlled) setInternal(next);\n onChange?.(next);\n }\n\n return (\n <RadioGroupContext.Provider\n value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n >\n <div\n role=\"radiogroup\"\n className={cn(styles.group, horizontal && styles.horizontal, className)}\n >\n {children}\n </div>\n </RadioGroupContext.Provider>\n );\n}\n"],"mappings":"4HAYA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAiE,IAAI,EAa9D,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,WAAA,CAAmB,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,WADvF,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAsB,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,YAE9E,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}
1
+ {"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n name: string;\n value?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n label?: ReactNode;\n description?: ReactNode;\n value: string;\n wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n value,\n disabled,\n name,\n checked,\n onChange,\n wrapperClassName,\n className,\n ...props\n },\n ref,\n) {\n const group = useContext(RadioGroupContext);\n const resolvedName = group?.name ?? name;\n const resolvedDisabled = group?.disabled ?? disabled;\n const isChecked = group ? group.value === value : checked;\n\n function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n if (group) group.onChange?.(value);\n onChange?.(event);\n }\n\n return (\n <label\n className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n >\n <input\n ref={ref}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={resolvedDisabled}\n onChange={handleChange}\n className={cn(styles.input, className)}\n {...props}\n />\n <span className={styles.dot} aria-hidden />\n {(label || description) && (\n <span className={styles.labelWrap}>\n {label && <span className={styles.label}>{label}</span>}\n {description && <span className={styles.description}>{description}</span>}\n </span>\n )}\n </label>\n );\n});\n\nexport interface RadioGroupProps {\n /** Selected value (controlled). */\n value?: string;\n /** Default selected value (uncontrolled). */\n defaultValue?: string;\n /** Called when the selection changes. */\n onChange?: (value: string) => void;\n /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n name?: string;\n /** Disable every Radio inside. */\n disabled?: boolean;\n /** Lay out radios horizontally. Default: false (column). */\n horizontal?: boolean;\n className?: string;\n children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n value,\n defaultValue,\n onChange,\n name,\n disabled,\n horizontal = false,\n className,\n children,\n}: RadioGroupProps) {\n const generatedName = useId();\n const resolvedName = name ?? generatedName;\n\n const [internal, setInternal] = useState<string | undefined>(defaultValue);\n const isControlled = value !== undefined;\n const current = isControlled ? value : internal;\n\n function handleChange(next: string): void {\n if (!isControlled) setInternal(next);\n onChange?.(next);\n }\n\n return (\n <RadioGroupContext.Provider\n value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n >\n <div\n role=\"radiogroup\"\n className={cn(styles.group, horizontal && styles.horizontal, className)}\n >\n {children}\n </div>\n </RadioGroupContext.Provider>\n );\n}\n"],"mappings":"4HAkBA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAiE,IAAI,EAa9D,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,WAAA,CAAmB,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,WADvF,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAsB,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,YAE9E,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n name: string;\n value?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n label?: ReactNode;\n description?: ReactNode;\n value: string;\n wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n value,\n disabled,\n name,\n checked,\n onChange,\n wrapperClassName,\n className,\n ...props\n },\n ref,\n) {\n const group = useContext(RadioGroupContext);\n const resolvedName = group?.name ?? name;\n const resolvedDisabled = group?.disabled ?? disabled;\n const isChecked = group ? group.value === value : checked;\n\n function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n if (group) group.onChange?.(value);\n onChange?.(event);\n }\n\n return (\n <label\n className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n >\n <input\n ref={ref}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={resolvedDisabled}\n onChange={handleChange}\n className={cn(styles.input, className)}\n {...props}\n />\n <span className={styles.dot} aria-hidden />\n {(label || description) && (\n <span className={styles.labelWrap}>\n {label && <span className={styles.label}>{label}</span>}\n {description && <span className={styles.description}>{description}</span>}\n </span>\n )}\n </label>\n );\n});\n\nexport interface RadioGroupProps {\n /** Selected value (controlled). */\n value?: string;\n /** Default selected value (uncontrolled). */\n defaultValue?: string;\n /** Called when the selection changes. */\n onChange?: (value: string) => void;\n /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n name?: string;\n /** Disable every Radio inside. */\n disabled?: boolean;\n /** Lay out radios horizontally. Default: false (column). */\n horizontal?: boolean;\n className?: string;\n children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n value,\n defaultValue,\n onChange,\n name,\n disabled,\n horizontal = false,\n className,\n children,\n}: RadioGroupProps) {\n const generatedName = useId();\n const resolvedName = name ?? generatedName;\n\n const [internal, setInternal] = useState<string | undefined>(defaultValue);\n const isControlled = value !== undefined;\n const current = isControlled ? value : internal;\n\n function handleChange(next: string): void {\n if (!isControlled) setInternal(next);\n onChange?.(next);\n }\n\n return (\n <RadioGroupContext.Provider\n value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n >\n <div\n role=\"radiogroup\"\n className={cn(styles.group, horizontal && styles.horizontal, className)}\n >\n {children}\n </div>\n </RadioGroupContext.Provider>\n );\n}\n"],"mappings":";;;;;AAYA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;YADvF;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;YAE9E,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}
1
+ {"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — RadioGroup carries the group semantics (name, value,\n * defaultValue, onChange, disabled) and its layout (horizontal, className,\n * children). The individual Radio is a separate component already — this is the\n * group, and a group needs the group's props.\n */\nimport { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n name: string;\n value?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n label?: ReactNode;\n description?: ReactNode;\n value: string;\n wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n value,\n disabled,\n name,\n checked,\n onChange,\n wrapperClassName,\n className,\n ...props\n },\n ref,\n) {\n const group = useContext(RadioGroupContext);\n const resolvedName = group?.name ?? name;\n const resolvedDisabled = group?.disabled ?? disabled;\n const isChecked = group ? group.value === value : checked;\n\n function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n if (group) group.onChange?.(value);\n onChange?.(event);\n }\n\n return (\n <label\n className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n >\n <input\n ref={ref}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={resolvedDisabled}\n onChange={handleChange}\n className={cn(styles.input, className)}\n {...props}\n />\n <span className={styles.dot} aria-hidden />\n {(label || description) && (\n <span className={styles.labelWrap}>\n {label && <span className={styles.label}>{label}</span>}\n {description && <span className={styles.description}>{description}</span>}\n </span>\n )}\n </label>\n );\n});\n\nexport interface RadioGroupProps {\n /** Selected value (controlled). */\n value?: string;\n /** Default selected value (uncontrolled). */\n defaultValue?: string;\n /** Called when the selection changes. */\n onChange?: (value: string) => void;\n /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n name?: string;\n /** Disable every Radio inside. */\n disabled?: boolean;\n /** Lay out radios horizontally. Default: false (column). */\n horizontal?: boolean;\n className?: string;\n children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n value,\n defaultValue,\n onChange,\n name,\n disabled,\n horizontal = false,\n className,\n children,\n}: RadioGroupProps) {\n const generatedName = useId();\n const resolvedName = name ?? generatedName;\n\n const [internal, setInternal] = useState<string | undefined>(defaultValue);\n const isControlled = value !== undefined;\n const current = isControlled ? value : internal;\n\n function handleChange(next: string): void {\n if (!isControlled) setInternal(next);\n onChange?.(next);\n }\n\n return (\n <RadioGroupContext.Provider\n value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n >\n <div\n role=\"radiogroup\"\n className={cn(styles.group, horizontal && styles.horizontal, className)}\n >\n {children}\n </div>\n </RadioGroupContext.Provider>\n );\n}\n"],"mappings":";;;;;AAkBA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;YADvF;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;YAE9E,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}
@@ -1 +1 @@
1
- {"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n value: RangeValue;\n onChange: (value: RangeValue) => void;\n min?: number;\n max?: number;\n step?: number;\n label?: string;\n helperText?: string;\n disabled?: boolean;\n /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n formatValue?: (value: RangeValue) => string;\n className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n label,\n helperText,\n disabled = false,\n formatValue,\n className,\n}: RangeSliderProps) {\n const [low, high] = value;\n const range = max - min;\n\n const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n const handleLow = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.min(Number(event.target.value), high);\n onChange([next, high]);\n },\n [high, onChange],\n );\n\n const handleHigh = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.max(Number(event.target.value), low);\n onChange([low, next]);\n },\n [low, onChange],\n );\n\n return (\n <div className={cn(styles.wrapper, className)}>\n {label && (\n <div className={styles.label}>\n <span>{label}</span>\n <span className={styles.value}>{valueText}</span>\n </div>\n )}\n <div className={styles.field}>\n <div className={styles.track} />\n <div\n className={styles.fill}\n style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={low}\n onChange={handleLow}\n disabled={disabled}\n aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={high}\n onChange={handleHigh}\n disabled={disabled}\n aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n />\n </div>\n {helperText && <span className={styles.helper}>{helperText}</span>}\n </div>\n );\n}\n"],"mappings":"kIAyBA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAA,EAAA,QAAA,MAA2B,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAA,EAAA,QAAA,MAA4B,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}
1
+ {"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n value: RangeValue;\n onChange: (value: RangeValue) => void;\n min?: number;\n max?: number;\n step?: number;\n label?: string;\n helperText?: string;\n disabled?: boolean;\n /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n formatValue?: (value: RangeValue) => string;\n className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n label,\n helperText,\n disabled = false,\n formatValue,\n className,\n}: RangeSliderProps) {\n const [low, high] = value;\n const range = max - min;\n\n const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n const handleLow = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.min(Number(event.target.value), high);\n onChange([next, high]);\n },\n [high, onChange],\n );\n\n const handleHigh = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.max(Number(event.target.value), low);\n onChange([low, next]);\n },\n [low, onChange],\n );\n\n return (\n <div className={cn(styles.wrapper, className)}>\n {label && (\n <div className={styles.label}>\n <span>{label}</span>\n <span className={styles.value}>{valueText}</span>\n </div>\n )}\n <div className={styles.field}>\n <div className={styles.track} />\n <div\n className={styles.fill}\n style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={low}\n onChange={handleLow}\n disabled={disabled}\n aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={high}\n onChange={handleHigh}\n disabled={disabled}\n aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n />\n </div>\n {helperText && <span className={styles.helper}>{helperText}</span>}\n </div>\n );\n}\n"],"mappings":"kIA8BA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAA,EAAA,QAAA,MAA2B,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAA,EAAA,QAAA,MAA4B,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n value: RangeValue;\n onChange: (value: RangeValue) => void;\n min?: number;\n max?: number;\n step?: number;\n label?: string;\n helperText?: string;\n disabled?: boolean;\n /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n formatValue?: (value: RangeValue) => string;\n className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n label,\n helperText,\n disabled = false,\n formatValue,\n className,\n}: RangeSliderProps) {\n const [low, high] = value;\n const range = max - min;\n\n const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n const handleLow = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.min(Number(event.target.value), high);\n onChange([next, high]);\n },\n [high, onChange],\n );\n\n const handleHigh = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.max(Number(event.target.value), low);\n onChange([low, next]);\n },\n [low, onChange],\n );\n\n return (\n <div className={cn(styles.wrapper, className)}>\n {label && (\n <div className={styles.label}>\n <span>{label}</span>\n <span className={styles.value}>{valueText}</span>\n </div>\n )}\n <div className={styles.field}>\n <div className={styles.track} />\n <div\n className={styles.fill}\n style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={low}\n onChange={handleLow}\n disabled={disabled}\n aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={high}\n onChange={handleHigh}\n disabled={disabled}\n aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n />\n </div>\n {helperText && <span className={styles.helper}>{helperText}</span>}\n </div>\n );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}
1
+ {"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — min, max and step define the scale, value/onChange\n * the two thumbs, formatValue the readout, and label/helperText/disabled/className\n * the field around it. Same surface as Slider, one thumb more.\n */\nimport { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n value: RangeValue;\n onChange: (value: RangeValue) => void;\n min?: number;\n max?: number;\n step?: number;\n label?: string;\n helperText?: string;\n disabled?: boolean;\n /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n formatValue?: (value: RangeValue) => string;\n className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n value,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n label,\n helperText,\n disabled = false,\n formatValue,\n className,\n}: RangeSliderProps) {\n const [low, high] = value;\n const range = max - min;\n\n const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n const handleLow = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.min(Number(event.target.value), high);\n onChange([next, high]);\n },\n [high, onChange],\n );\n\n const handleHigh = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>): void => {\n const next = Math.max(Number(event.target.value), low);\n onChange([low, next]);\n },\n [low, onChange],\n );\n\n return (\n <div className={cn(styles.wrapper, className)}>\n {label && (\n <div className={styles.label}>\n <span>{label}</span>\n <span className={styles.value}>{valueText}</span>\n </div>\n )}\n <div className={styles.field}>\n <div className={styles.track} />\n <div\n className={styles.fill}\n style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={low}\n onChange={handleLow}\n disabled={disabled}\n aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n />\n <input\n type=\"range\"\n className={styles.input}\n min={min}\n max={max}\n step={step}\n value={high}\n onChange={handleHigh}\n disabled={disabled}\n aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n />\n </div>\n {helperText && <span className={styles.helper}>{helperText}</span>}\n </div>\n );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n /** Current selected value (1..max). 0 means none. */\n value: number;\n /** Total number of stars. Default 5. */\n max?: number;\n onChange?: (value: number) => void;\n size?: RatingSize;\n readonly?: boolean;\n disabled?: boolean;\n /** Accessible label for the rating group. */\n label?: string;\n className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n value,\n max = 5,\n onChange,\n size = \"md\",\n readonly = false,\n disabled = false,\n label = \"Avaliação\",\n className,\n}: RatingStarsProps) {\n const [hover, setHover] = useState<number>(0);\n const displayed = hover > 0 ? hover : value;\n\n const handleClick = (next: number): void => {\n if (readonly || disabled) return;\n onChange?.(next);\n };\n\n return (\n <span\n role=\"radiogroup\"\n aria-label={label}\n className={cn(\n styles.wrapper,\n styles[size],\n disabled && styles.disabled,\n readonly && styles.readonly,\n className,\n )}\n onMouseLeave={() => setHover(0)}\n >\n {Array.from({ length: max }, (_, i) => {\n const starIndex = i + 1;\n const filled = starIndex <= displayed;\n return (\n <button\n key={starIndex}\n type=\"button\"\n role=\"radio\"\n aria-checked={value === starIndex}\n aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n className={cn(styles.star, filled && styles.filled)}\n disabled={disabled}\n onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n onClick={() => handleClick(starIndex)}\n >\n <StarIcon filled={filled} />\n </button>\n );\n })}\n </span>\n );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill={filled ? \"currentColor\" : \"none\"}\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinejoin=\"round\"\n aria-hidden\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n );\n}\n"],"mappings":"kIAwBA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,WAE7B,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,YAEpC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}
1
+ {"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n /** Current selected value (1..max). 0 means none. */\n value: number;\n /** Total number of stars. Default 5. */\n max?: number;\n onChange?: (value: number) => void;\n size?: RatingSize;\n readonly?: boolean;\n disabled?: boolean;\n /** Accessible label for the rating group. */\n label?: string;\n className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n value,\n max = 5,\n onChange,\n size = \"md\",\n readonly = false,\n disabled = false,\n label = \"Avaliação\",\n className,\n}: RatingStarsProps) {\n const [hover, setHover] = useState<number>(0);\n const displayed = hover > 0 ? hover : value;\n\n const handleClick = (next: number): void => {\n if (readonly || disabled) return;\n onChange?.(next);\n };\n\n return (\n <span\n role=\"radiogroup\"\n aria-label={label}\n className={cn(\n styles.wrapper,\n styles[size],\n disabled && styles.disabled,\n readonly && styles.readonly,\n className,\n )}\n onMouseLeave={() => setHover(0)}\n >\n {Array.from({ length: max }, (_, i) => {\n const starIndex = i + 1;\n const filled = starIndex <= displayed;\n return (\n <button\n key={starIndex}\n type=\"button\"\n role=\"radio\"\n aria-checked={value === starIndex}\n aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n className={cn(styles.star, filled && styles.filled)}\n disabled={disabled}\n onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n onClick={() => handleClick(starIndex)}\n >\n <StarIcon filled={filled} />\n </button>\n );\n })}\n </span>\n );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill={filled ? \"currentColor\" : \"none\"}\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinejoin=\"round\"\n aria-hidden\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n );\n}\n"],"mappings":"kIA6BA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,WAE7B,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,YAEpC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"RatingStars.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n /** Current selected value (1..max). 0 means none. */\n value: number;\n /** Total number of stars. Default 5. */\n max?: number;\n onChange?: (value: number) => void;\n size?: RatingSize;\n readonly?: boolean;\n disabled?: boolean;\n /** Accessible label for the rating group. */\n label?: string;\n className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n value,\n max = 5,\n onChange,\n size = \"md\",\n readonly = false,\n disabled = false,\n label = \"Avaliação\",\n className,\n}: RatingStarsProps) {\n const [hover, setHover] = useState<number>(0);\n const displayed = hover > 0 ? hover : value;\n\n const handleClick = (next: number): void => {\n if (readonly || disabled) return;\n onChange?.(next);\n };\n\n return (\n <span\n role=\"radiogroup\"\n aria-label={label}\n className={cn(\n styles.wrapper,\n styles[size],\n disabled && styles.disabled,\n readonly && styles.readonly,\n className,\n )}\n onMouseLeave={() => setHover(0)}\n >\n {Array.from({ length: max }, (_, i) => {\n const starIndex = i + 1;\n const filled = starIndex <= displayed;\n return (\n <button\n key={starIndex}\n type=\"button\"\n role=\"radio\"\n aria-checked={value === starIndex}\n aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n className={cn(styles.star, filled && styles.filled)}\n disabled={disabled}\n onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n onClick={() => handleClick(starIndex)}\n >\n <StarIcon filled={filled} />\n </button>\n );\n })}\n </span>\n );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill={filled ? \"currentColor\" : \"none\"}\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinejoin=\"round\"\n aria-hidden\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,aACA,UAAO,MACP,cAAW,IACX,cAAW,IACX,WAAQ,aACR,gBACiB;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,IAAY,IAAQ,IAAI,IAAQ,GAEhC,KAAe,MAAuB;EACpC,KAAY,KAChB,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EACP,EAAO,SACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,oBAAoB,EAAS,CAAC;YAE7B,MAAM,KAAK,EAAE,QAAQ,EAAI,IAAI,GAAG,MAAM;GACnC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAa;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,MAAU;IACxB,cAAY,GAAG,EAAU,GAAG,MAAc,IAAI,YAAY;IAC1D,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IACxC;IACV,oBAAoB,CAAC,KAAY,CAAC,KAAY,EAAS,CAAS;IAChE,eAAe,EAAY,CAAS;cAEpC,kBAAC,GAAD,EAAkB,UAAS,CAAA;GACvB,GAXC,CAWD;EAEhB,CAAC;CACC,CAAA;AAEd;AAEA,SAAS,EAAS,EAAE,aAA+B;CAC/C,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAM,IAAS,iBAAiB;EAChC,QAAO;EACP,aAAY;EACZ,gBAAe;EACf,eAAA;YAEA,kBAAC,QAAD,EAAM,GAAE,2FAA4F,CAAA;CACnG,CAAA;AAEb"}
1
+ {"version":3,"file":"RatingStars.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, onChange, size, readonly, disabled,\n * label, className — a rating is a radio group drawn as stars, and readonly and\n * disabled are genuinely different (a shown rating versus a control you cannot use).\n */\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n /** Current selected value (1..max). 0 means none. */\n value: number;\n /** Total number of stars. Default 5. */\n max?: number;\n onChange?: (value: number) => void;\n size?: RatingSize;\n readonly?: boolean;\n disabled?: boolean;\n /** Accessible label for the rating group. */\n label?: string;\n className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n value,\n max = 5,\n onChange,\n size = \"md\",\n readonly = false,\n disabled = false,\n label = \"Avaliação\",\n className,\n}: RatingStarsProps) {\n const [hover, setHover] = useState<number>(0);\n const displayed = hover > 0 ? hover : value;\n\n const handleClick = (next: number): void => {\n if (readonly || disabled) return;\n onChange?.(next);\n };\n\n return (\n <span\n role=\"radiogroup\"\n aria-label={label}\n className={cn(\n styles.wrapper,\n styles[size],\n disabled && styles.disabled,\n readonly && styles.readonly,\n className,\n )}\n onMouseLeave={() => setHover(0)}\n >\n {Array.from({ length: max }, (_, i) => {\n const starIndex = i + 1;\n const filled = starIndex <= displayed;\n return (\n <button\n key={starIndex}\n type=\"button\"\n role=\"radio\"\n aria-checked={value === starIndex}\n aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n className={cn(styles.star, filled && styles.filled)}\n disabled={disabled}\n onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n onClick={() => handleClick(starIndex)}\n >\n <StarIcon filled={filled} />\n </button>\n );\n })}\n </span>\n );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill={filled ? \"currentColor\" : \"none\"}\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinejoin=\"round\"\n aria-hidden\n >\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n </svg>\n );\n}\n"],"mappings":";;;;;AA6BA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,aACA,UAAO,MACP,cAAW,IACX,cAAW,IACX,WAAQ,aACR,gBACiB;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,IAAY,IAAQ,IAAI,IAAQ,GAEhC,KAAe,MAAuB;EACpC,KAAY,KAChB,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EACP,EAAO,SACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,oBAAoB,EAAS,CAAC;YAE7B,MAAM,KAAK,EAAE,QAAQ,EAAI,IAAI,GAAG,MAAM;GACnC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAa;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,MAAU;IACxB,cAAY,GAAG,EAAU,GAAG,MAAc,IAAI,YAAY;IAC1D,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IACxC;IACV,oBAAoB,CAAC,KAAY,CAAC,KAAY,EAAS,CAAS;IAChE,eAAe,EAAY,CAAS;cAEpC,kBAAC,GAAD,EAAkB,UAAS,CAAA;GACvB,GAXC,CAWD;EAEhB,CAAC;CACC,CAAA;AAEd;AAEA,SAAS,EAAS,EAAE,aAA+B;CAC/C,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAM,IAAS,iBAAiB;EAChC,QAAO;EACP,aAAY;EACZ,gBAAe;EACf,eAAA;YAEA,kBAAC,QAAD,EAAM,GAAE,2FAA4F,CAAA;CACnG,CAAA;AAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["import { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n /** Invoked when the user pulls past `threshold` and releases. May be async. */\n onRefresh: () => void | Promise<void>;\n /** Scrollable content to wrap. */\n children: ReactNode;\n /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n threshold?: number;\n /** When true, pull-to-refresh is inert. */\n disabled?: boolean;\n className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n const cap = threshold * 1.5;\n return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n onRefresh,\n children,\n threshold = 80,\n disabled,\n className,\n}: RefreshIndicatorProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const startYRef = useRef<number | null>(null);\n const [pull, setPull] = useState(0);\n const [refreshing, setRefreshing] = useState(false);\n /**\n * Whether a drag is in progress. Kept in state, not derived from\n * `startYRef.current`: a ref is not reactive, so reading it during render ties\n * the rendered class to a value React never re-renders for — it only looked\n * correct here because the touch handlers happen to call `setPull` too.\n */\n const [engaged, setEngaged] = useState(false);\n\n const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const container = containerRef.current;\n if (!container || container.scrollTop > 0) return;\n const touch = event.touches[0];\n if (!touch) return;\n startYRef.current = touch.clientY;\n setEngaged(true);\n };\n\n const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const startY = startYRef.current;\n if (startY === null) return;\n const touch = event.touches[0];\n if (!touch) return;\n const delta = touch.clientY - startY;\n if (delta <= 0) {\n setPull(0);\n return;\n }\n setPull(applyResistance(delta, threshold));\n };\n\n const reset = (): void => {\n startYRef.current = null;\n setEngaged(false);\n setPull(0);\n };\n\n const handleTouchEnd = async (): Promise<void> => {\n if (disabled || refreshing) {\n reset();\n return;\n }\n const startY = startYRef.current;\n const triggered = startY !== null && pull >= threshold;\n if (!triggered) {\n reset();\n return;\n }\n startYRef.current = null;\n setEngaged(false);\n setRefreshing(true);\n setPull(threshold);\n try {\n await onRefresh();\n } finally {\n setRefreshing(false);\n setPull(0);\n }\n };\n\n const showIndicator = refreshing || pull > 0;\n const progress = Math.min(1, pull / threshold);\n\n return (\n <div\n ref={containerRef}\n className={cn(styles.wrapper, className)}\n data-refreshing={refreshing}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <div\n className={styles.indicator}\n aria-hidden={!showIndicator}\n style={{\n opacity: refreshing ? 1 : progress,\n transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n }}\n >\n <Spinner size=\"sm\" label=\"Atualizando\" />\n </div>\n <div\n className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n >\n {children}\n </div>\n </div>\n );\n}\n"],"mappings":"2KAkBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EACtC,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAO5C,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAEtC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC1B,EAAW,EAAI,EACnB,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,WANhB,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,YAEA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}
1
+ {"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n /** Invoked when the user pulls past `threshold` and releases. May be async. */\n onRefresh: () => void | Promise<void>;\n /** Scrollable content to wrap. */\n children: ReactNode;\n /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n threshold?: number;\n /** When true, pull-to-refresh is inert. */\n disabled?: boolean;\n className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n const cap = threshold * 1.5;\n return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n onRefresh,\n children,\n threshold = 80,\n disabled,\n className,\n}: RefreshIndicatorProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const startYRef = useRef<number | null>(null);\n const [pull, setPull] = useState(0);\n const [refreshing, setRefreshing] = useState(false);\n /**\n * Whether a drag is in progress. Kept in state, not derived from\n * `startYRef.current`: a ref is not reactive, so reading it during render ties\n * the rendered class to a value React never re-renders for — it only looked\n * correct here because the touch handlers happen to call `setPull` too.\n */\n const [engaged, setEngaged] = useState(false);\n\n const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const container = containerRef.current;\n if (!container || container.scrollTop > 0) return;\n const touch = event.touches[0];\n if (!touch) return;\n startYRef.current = touch.clientY;\n setEngaged(true);\n };\n\n const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const startY = startYRef.current;\n if (startY === null) return;\n const touch = event.touches[0];\n if (!touch) return;\n const delta = touch.clientY - startY;\n if (delta <= 0) {\n setPull(0);\n return;\n }\n setPull(applyResistance(delta, threshold));\n };\n\n const reset = (): void => {\n startYRef.current = null;\n setEngaged(false);\n setPull(0);\n };\n\n const handleTouchEnd = async (): Promise<void> => {\n if (disabled || refreshing) {\n reset();\n return;\n }\n const startY = startYRef.current;\n const triggered = startY !== null && pull >= threshold;\n if (!triggered) {\n reset();\n return;\n }\n startYRef.current = null;\n setEngaged(false);\n setRefreshing(true);\n setPull(threshold);\n try {\n await onRefresh();\n } finally {\n setRefreshing(false);\n setPull(0);\n }\n };\n\n const showIndicator = refreshing || pull > 0;\n const progress = Math.min(1, pull / threshold);\n\n return (\n <div\n ref={containerRef}\n className={cn(styles.wrapper, className)}\n data-refreshing={refreshing}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <div\n className={styles.indicator}\n aria-hidden={!showIndicator}\n style={{\n opacity: refreshing ? 1 : progress,\n transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n }}\n >\n <Spinner size=\"sm\" label=\"Atualizando\" />\n </div>\n <div\n className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n >\n {children}\n </div>\n </div>\n );\n}\n"],"mappings":"2KAuBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EACtC,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAO5C,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAEtC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC1B,EAAW,EAAI,EACnB,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,WANhB,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,YAEA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["import { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n /** Invoked when the user pulls past `threshold` and releases. May be async. */\n onRefresh: () => void | Promise<void>;\n /** Scrollable content to wrap. */\n children: ReactNode;\n /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n threshold?: number;\n /** When true, pull-to-refresh is inert. */\n disabled?: boolean;\n className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n const cap = threshold * 1.5;\n return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n onRefresh,\n children,\n threshold = 80,\n disabled,\n className,\n}: RefreshIndicatorProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const startYRef = useRef<number | null>(null);\n const [pull, setPull] = useState(0);\n const [refreshing, setRefreshing] = useState(false);\n /**\n * Whether a drag is in progress. Kept in state, not derived from\n * `startYRef.current`: a ref is not reactive, so reading it during render ties\n * the rendered class to a value React never re-renders for — it only looked\n * correct here because the touch handlers happen to call `setPull` too.\n */\n const [engaged, setEngaged] = useState(false);\n\n const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const container = containerRef.current;\n if (!container || container.scrollTop > 0) return;\n const touch = event.touches[0];\n if (!touch) return;\n startYRef.current = touch.clientY;\n setEngaged(true);\n };\n\n const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const startY = startYRef.current;\n if (startY === null) return;\n const touch = event.touches[0];\n if (!touch) return;\n const delta = touch.clientY - startY;\n if (delta <= 0) {\n setPull(0);\n return;\n }\n setPull(applyResistance(delta, threshold));\n };\n\n const reset = (): void => {\n startYRef.current = null;\n setEngaged(false);\n setPull(0);\n };\n\n const handleTouchEnd = async (): Promise<void> => {\n if (disabled || refreshing) {\n reset();\n return;\n }\n const startY = startYRef.current;\n const triggered = startY !== null && pull >= threshold;\n if (!triggered) {\n reset();\n return;\n }\n startYRef.current = null;\n setEngaged(false);\n setRefreshing(true);\n setPull(threshold);\n try {\n await onRefresh();\n } finally {\n setRefreshing(false);\n setPull(0);\n }\n };\n\n const showIndicator = refreshing || pull > 0;\n const progress = Math.min(1, pull / threshold);\n\n return (\n <div\n ref={containerRef}\n className={cn(styles.wrapper, className)}\n data-refreshing={refreshing}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <div\n className={styles.indicator}\n aria-hidden={!showIndicator}\n style={{\n opacity: refreshing ? 1 : progress,\n transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n }}\n >\n <Spinner size=\"sm\" label=\"Atualizando\" />\n </div>\n <div\n className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n >\n {children}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;AAkBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAO5C,CAAC,GAAS,KAAc,EAAS,EAAK,GAEtC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM,SAC1B,EAAW,EAAI;CACnB,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAIA,AAHA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;YANhB,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;aAEA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}
1
+ {"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n /** Invoked when the user pulls past `threshold` and releases. May be async. */\n onRefresh: () => void | Promise<void>;\n /** Scrollable content to wrap. */\n children: ReactNode;\n /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n threshold?: number;\n /** When true, pull-to-refresh is inert. */\n disabled?: boolean;\n className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n const cap = threshold * 1.5;\n return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n onRefresh,\n children,\n threshold = 80,\n disabled,\n className,\n}: RefreshIndicatorProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const startYRef = useRef<number | null>(null);\n const [pull, setPull] = useState(0);\n const [refreshing, setRefreshing] = useState(false);\n /**\n * Whether a drag is in progress. Kept in state, not derived from\n * `startYRef.current`: a ref is not reactive, so reading it during render ties\n * the rendered class to a value React never re-renders for — it only looked\n * correct here because the touch handlers happen to call `setPull` too.\n */\n const [engaged, setEngaged] = useState(false);\n\n const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const container = containerRef.current;\n if (!container || container.scrollTop > 0) return;\n const touch = event.touches[0];\n if (!touch) return;\n startYRef.current = touch.clientY;\n setEngaged(true);\n };\n\n const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n if (disabled || refreshing) return;\n const startY = startYRef.current;\n if (startY === null) return;\n const touch = event.touches[0];\n if (!touch) return;\n const delta = touch.clientY - startY;\n if (delta <= 0) {\n setPull(0);\n return;\n }\n setPull(applyResistance(delta, threshold));\n };\n\n const reset = (): void => {\n startYRef.current = null;\n setEngaged(false);\n setPull(0);\n };\n\n const handleTouchEnd = async (): Promise<void> => {\n if (disabled || refreshing) {\n reset();\n return;\n }\n const startY = startYRef.current;\n const triggered = startY !== null && pull >= threshold;\n if (!triggered) {\n reset();\n return;\n }\n startYRef.current = null;\n setEngaged(false);\n setRefreshing(true);\n setPull(threshold);\n try {\n await onRefresh();\n } finally {\n setRefreshing(false);\n setPull(0);\n }\n };\n\n const showIndicator = refreshing || pull > 0;\n const progress = Math.min(1, pull / threshold);\n\n return (\n <div\n ref={containerRef}\n className={cn(styles.wrapper, className)}\n data-refreshing={refreshing}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <div\n className={styles.indicator}\n aria-hidden={!showIndicator}\n style={{\n opacity: refreshing ? 1 : progress,\n transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n }}\n >\n <Spinner size=\"sm\" label=\"Atualizando\" />\n </div>\n <div\n className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n >\n {children}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;AAuBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAO5C,CAAC,GAAS,KAAc,EAAS,EAAK,GAEtC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM,SAC1B,EAAW,EAAI;CACnB,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAIA,AAHA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;YANhB,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;aAEA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Split orientation. `horizontal` (default) places panes side by side. */\n direction?: ResizableDirection;\n /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n defaultSize?: number;\n /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n min?: number;\n /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n max?: number;\n /** Exactly two panes — `[paneA, paneB]`. */\n children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n direction = \"horizontal\",\n defaultSize = 50,\n min = 10,\n max = 90,\n children,\n className,\n ...props\n}: ResizableProps) {\n const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n const containerRef = useRef<HTMLDivElement | null>(null);\n const [paneA, paneB] = children;\n const isHorizontal = direction === \"horizontal\";\n\n const updateFromPointer = useCallback(\n (clientX: number, clientY: number): void => {\n const container = containerRef.current;\n if (!container) return;\n const rect = container.getBoundingClientRect();\n const total = isHorizontal ? rect.width : rect.height;\n if (total <= 0) return;\n const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n const percent = (offset / total) * 100;\n setSize(clamp(percent, min, max));\n },\n [isHorizontal, min, max],\n );\n\n const handlePointerDown = useCallback(\n (event: PointerEvent<HTMLDivElement>): void => {\n event.preventDefault();\n const divider = event.currentTarget;\n divider.setPointerCapture(event.pointerId);\n\n const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n };\n const handleUp = (): void => {\n window.removeEventListener(\"pointermove\", handleMove);\n window.removeEventListener(\"pointerup\", handleUp);\n };\n\n window.addEventListener(\"pointermove\", handleMove);\n window.addEventListener(\"pointerup\", handleUp);\n },\n [updateFromPointer],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>): void => {\n let delta = 0;\n if (isHorizontal) {\n if (event.key === \"ArrowRight\") delta = KEY_STEP;\n else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n } else {\n if (event.key === \"ArrowDown\") delta = KEY_STEP;\n else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n setSize(min);\n return;\n }\n if (event.key === \"End\") {\n event.preventDefault();\n setSize(max);\n return;\n }\n if (delta === 0) return;\n event.preventDefault();\n setSize((current) => clamp(current + delta, min, max));\n },\n [isHorizontal, min, max],\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.root,\n isHorizontal ? styles.horizontal : styles.vertical,\n className,\n )}\n {...props}\n >\n <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n {paneA}\n </div>\n <div\n role=\"separator\"\n aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n aria-valuenow={Math.round(size)}\n aria-valuemin={min}\n aria-valuemax={max}\n tabIndex={0}\n className={styles.divider}\n onPointerDown={handlePointerDown}\n onKeyDown={handleKeyDown}\n >\n <span className={styles.handle} aria-hidden=\"true\" />\n </div>\n <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n {paneB}\n </div>\n </div>\n );\n}\n"],"mappings":"gIAoBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,KAAkC,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAA,EAAA,OAAA,CAA6C,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAA,EAAA,YAAA,EACD,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,WAPR,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,WACvD,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,YAEX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,WAC7D,CACA,CAAA,CACJ,GAEb"}
1
+ {"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Split orientation. `horizontal` (default) places panes side by side. */\n direction?: ResizableDirection;\n /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n defaultSize?: number;\n /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n min?: number;\n /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n max?: number;\n /** Exactly two panes — `[paneA, paneB]`. */\n children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n direction = \"horizontal\",\n defaultSize = 50,\n min = 10,\n max = 90,\n children,\n className,\n ...props\n}: ResizableProps) {\n const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n const containerRef = useRef<HTMLDivElement | null>(null);\n const [paneA, paneB] = children;\n const isHorizontal = direction === \"horizontal\";\n\n const updateFromPointer = useCallback(\n (clientX: number, clientY: number): void => {\n const container = containerRef.current;\n if (!container) return;\n const rect = container.getBoundingClientRect();\n const total = isHorizontal ? rect.width : rect.height;\n if (total <= 0) return;\n const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n const percent = (offset / total) * 100;\n setSize(clamp(percent, min, max));\n },\n [isHorizontal, min, max],\n );\n\n const handlePointerDown = useCallback(\n (event: PointerEvent<HTMLDivElement>): void => {\n event.preventDefault();\n const divider = event.currentTarget;\n divider.setPointerCapture(event.pointerId);\n\n const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n };\n const handleUp = (): void => {\n window.removeEventListener(\"pointermove\", handleMove);\n window.removeEventListener(\"pointerup\", handleUp);\n };\n\n window.addEventListener(\"pointermove\", handleMove);\n window.addEventListener(\"pointerup\", handleUp);\n },\n [updateFromPointer],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>): void => {\n let delta = 0;\n if (isHorizontal) {\n if (event.key === \"ArrowRight\") delta = KEY_STEP;\n else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n } else {\n if (event.key === \"ArrowDown\") delta = KEY_STEP;\n else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n setSize(min);\n return;\n }\n if (event.key === \"End\") {\n event.preventDefault();\n setSize(max);\n return;\n }\n if (delta === 0) return;\n event.preventDefault();\n setSize((current) => clamp(current + delta, min, max));\n },\n [isHorizontal, min, max],\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.root,\n isHorizontal ? styles.horizontal : styles.vertical,\n className,\n )}\n {...props}\n >\n <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n {paneA}\n </div>\n <div\n role=\"separator\"\n aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n aria-valuenow={Math.round(size)}\n aria-valuemin={min}\n aria-valuemax={max}\n tabIndex={0}\n className={styles.divider}\n onPointerDown={handlePointerDown}\n onKeyDown={handleKeyDown}\n >\n <span className={styles.handle} aria-hidden=\"true\" />\n </div>\n <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n {paneB}\n </div>\n </div>\n );\n}\n"],"mappings":"gIAyBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,KAAkC,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAA,EAAA,OAAA,CAA6C,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAA,EAAA,YAAA,EACD,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,WAPR,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,WACvD,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,YAEX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,WAC7D,CACA,CAAA,CACJ,GAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Split orientation. `horizontal` (default) places panes side by side. */\n direction?: ResizableDirection;\n /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n defaultSize?: number;\n /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n min?: number;\n /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n max?: number;\n /** Exactly two panes — `[paneA, paneB]`. */\n children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n direction = \"horizontal\",\n defaultSize = 50,\n min = 10,\n max = 90,\n children,\n className,\n ...props\n}: ResizableProps) {\n const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n const containerRef = useRef<HTMLDivElement | null>(null);\n const [paneA, paneB] = children;\n const isHorizontal = direction === \"horizontal\";\n\n const updateFromPointer = useCallback(\n (clientX: number, clientY: number): void => {\n const container = containerRef.current;\n if (!container) return;\n const rect = container.getBoundingClientRect();\n const total = isHorizontal ? rect.width : rect.height;\n if (total <= 0) return;\n const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n const percent = (offset / total) * 100;\n setSize(clamp(percent, min, max));\n },\n [isHorizontal, min, max],\n );\n\n const handlePointerDown = useCallback(\n (event: PointerEvent<HTMLDivElement>): void => {\n event.preventDefault();\n const divider = event.currentTarget;\n divider.setPointerCapture(event.pointerId);\n\n const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n };\n const handleUp = (): void => {\n window.removeEventListener(\"pointermove\", handleMove);\n window.removeEventListener(\"pointerup\", handleUp);\n };\n\n window.addEventListener(\"pointermove\", handleMove);\n window.addEventListener(\"pointerup\", handleUp);\n },\n [updateFromPointer],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>): void => {\n let delta = 0;\n if (isHorizontal) {\n if (event.key === \"ArrowRight\") delta = KEY_STEP;\n else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n } else {\n if (event.key === \"ArrowDown\") delta = KEY_STEP;\n else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n setSize(min);\n return;\n }\n if (event.key === \"End\") {\n event.preventDefault();\n setSize(max);\n return;\n }\n if (delta === 0) return;\n event.preventDefault();\n setSize((current) => clamp(current + delta, min, max));\n },\n [isHorizontal, min, max],\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.root,\n isHorizontal ? styles.horizontal : styles.vertical,\n className,\n )}\n {...props}\n >\n <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n {paneA}\n </div>\n <div\n role=\"separator\"\n aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n aria-valuenow={Math.round(size)}\n aria-valuemin={min}\n aria-valuemax={max}\n tabIndex={0}\n className={styles.divider}\n onPointerDown={handlePointerDown}\n onKeyDown={handleKeyDown}\n >\n <span className={styles.handle} aria-hidden=\"true\" />\n </div>\n <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n {paneB}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAoBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;YAPR;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;cACvD;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;cAEX,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;cAC7D;GACA,CAAA;EACJ;;AAEb"}
1
+ {"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Split orientation. `horizontal` (default) places panes side by side. */\n direction?: ResizableDirection;\n /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n defaultSize?: number;\n /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n min?: number;\n /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n max?: number;\n /** Exactly two panes — `[paneA, paneB]`. */\n children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n direction = \"horizontal\",\n defaultSize = 50,\n min = 10,\n max = 90,\n children,\n className,\n ...props\n}: ResizableProps) {\n const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n const containerRef = useRef<HTMLDivElement | null>(null);\n const [paneA, paneB] = children;\n const isHorizontal = direction === \"horizontal\";\n\n const updateFromPointer = useCallback(\n (clientX: number, clientY: number): void => {\n const container = containerRef.current;\n if (!container) return;\n const rect = container.getBoundingClientRect();\n const total = isHorizontal ? rect.width : rect.height;\n if (total <= 0) return;\n const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n const percent = (offset / total) * 100;\n setSize(clamp(percent, min, max));\n },\n [isHorizontal, min, max],\n );\n\n const handlePointerDown = useCallback(\n (event: PointerEvent<HTMLDivElement>): void => {\n event.preventDefault();\n const divider = event.currentTarget;\n divider.setPointerCapture(event.pointerId);\n\n const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n };\n const handleUp = (): void => {\n window.removeEventListener(\"pointermove\", handleMove);\n window.removeEventListener(\"pointerup\", handleUp);\n };\n\n window.addEventListener(\"pointermove\", handleMove);\n window.addEventListener(\"pointerup\", handleUp);\n },\n [updateFromPointer],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>): void => {\n let delta = 0;\n if (isHorizontal) {\n if (event.key === \"ArrowRight\") delta = KEY_STEP;\n else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n } else {\n if (event.key === \"ArrowDown\") delta = KEY_STEP;\n else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n }\n if (event.key === \"Home\") {\n event.preventDefault();\n setSize(min);\n return;\n }\n if (event.key === \"End\") {\n event.preventDefault();\n setSize(max);\n return;\n }\n if (delta === 0) return;\n event.preventDefault();\n setSize((current) => clamp(current + delta, min, max));\n },\n [isHorizontal, min, max],\n );\n\n return (\n <div\n ref={containerRef}\n className={cn(\n styles.root,\n isHorizontal ? styles.horizontal : styles.vertical,\n className,\n )}\n {...props}\n >\n <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n {paneA}\n </div>\n <div\n role=\"separator\"\n aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n aria-valuenow={Math.round(size)}\n aria-valuemin={min}\n aria-valuemax={max}\n tabIndex={0}\n className={styles.divider}\n onPointerDown={handlePointerDown}\n onKeyDown={handleKeyDown}\n >\n <span className={styles.handle} aria-hidden=\"true\" />\n </div>\n <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n {paneB}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAyBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;YAPR;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;cACvD;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;cAEX,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;cAC7D;GACA,CAAA;EACJ;;AAEb"}
@@ -1 +1 @@
1
- {"version":3,"file":"Scheduler.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n dayRange,\n type DayWindow,\n fractionOfWindow,\n hourMarks,\n isSameDay,\n layoutAllDay,\n layoutEvents,\n type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Events to place. Instants are read in the browser's local time. */\n events: readonly SchedulerEvent[];\n /** Any day within the range to show. Default: today. */\n anchor?: Date;\n /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n days?: number;\n /** First visible hour, `0`–`23`. Default `8`. */\n startHour?: number;\n /** Last visible hour, `1`–`24`. Default `20`. */\n endHour?: number;\n /** Minutes a click on empty space snaps to. Default `30`. */\n snapMinutes?: number;\n /** Called when an event is activated by click, `Enter` or `Space`. */\n onEventClick?: (event: SchedulerEvent) => void;\n /** Called with the snapped instant when empty space is clicked. */\n onSlotClick?: (start: Date) => void;\n /** Render an event's contents. Defaults to its title and start time. */\n renderEvent?: (event: SchedulerEvent) => ReactNode;\n /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n locale?: string;\n /** Draw the current-time line. Default `true`. */\n showCurrentTime?: boolean;\n /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n * events={bookings}\n * days={7}\n * startHour={7}\n * endHour={21}\n * onEventClick={(e) => open(e.id)}\n * onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n events,\n anchor,\n days: dayCount = 7,\n startHour = 8,\n endHour = 20,\n snapMinutes = 30,\n onEventClick,\n onSlotClick,\n renderEvent,\n locale = \"pt-BR\",\n showCurrentTime = true,\n now,\n className,\n ...rest\n}: SchedulerProps) {\n const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n /**\n * Keep the current-time line moving.\n *\n * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n * to be deterministic, and a timer would fight it.\n */\n useEffect(() => {\n if (now || !showCurrentTime) return;\n const id = setInterval(() => setClock(new Date()), TICK_MS);\n return () => clearInterval(id);\n }, [now, showCurrentTime]);\n\n const reference = now ?? clock;\n\n const window = useMemo<DayWindow>(\n () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n [startHour, endHour],\n );\n\n /**\n * The calendar day the range starts from, as a stable string.\n *\n * `reference` ticks every minute when the current-time line is live. Depending on\n * the Date itself would re-slice the day range — and therefore relayout every\n * event — once a minute; depending on the day only recomputes at midnight.\n */\n const anchorDay = (anchor ?? reference).toDateString();\n const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n const placed = useMemo(\n () => layoutEvents({ events, days: dayList, window }),\n [events, dayList, window],\n );\n const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n const marks = useMemo(() => hourMarks(window), [window]);\n\n const dayLabel = new Intl.DateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n const timeLabel = new Intl.DateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n /** Turn a click's vertical position within a day column into a snapped instant. */\n const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n const rect = event.currentTarget.getBoundingClientRect();\n const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n const result = new Date(day);\n result.setHours(0, clamped, 0, 0);\n return result;\n };\n\n const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n return (\n <div className={cn(styles.wrapper, className)} {...rest}>\n <div\n className={styles.head}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n >\n <span className={styles.gutterHead} />\n {dayList.map((day, index) => (\n <span\n key={day.toISOString()}\n className={cn(styles.dayHead, index === todayIndex && styles.today)}\n >\n {dayLabel.format(day)}\n </span>\n ))}\n </div>\n\n {allDay.length > 0 && (\n <div\n className={styles.allDayLane}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n >\n <span className={styles.gutterHead}>Dia inteiro</span>\n <div className={styles.allDayTrack}>\n {allDay.map(({ event, dayIndex, span }) => (\n <button\n key={event.id}\n type=\"button\"\n className={styles.allDayEvent}\n style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n onClick={() => onEventClick?.(event)}\n disabled={!onEventClick}\n >\n {event.title}\n </button>\n ))}\n </div>\n </div>\n )}\n\n {/*\n * Focusable because it scrolls vertically: a scroll region that cannot be\n * focused is unreachable by keyboard, which is what `axe`'s\n * `scrollable-region-focusable` rule is about. It needs a name too, or the\n * new tab stop would announce nothing — but `group`, not `region`: a named\n * `region` is a landmark, and two schedulers on one page would then be two\n * identically-named landmarks (`landmark-unique`).\n */}\n <div\n className={styles.body}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n tabIndex={0}\n role=\"group\"\n aria-label=\"Grade de horários\"\n >\n <div className={styles.gutter}>\n {marks.map((minute) => (\n <span\n key={minute}\n className={styles.hourLabel}\n style={{\n top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n }}\n >\n {timeLabel.format(\n new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n )}\n </span>\n ))}\n </div>\n\n {/*\n * Not `role=\"grid\"`: that requires `row` children, and the events are\n * siblings of the day columns inside one CSS grid — a `row` wrapper\n * would stop the columns being grid items and collapse the layout.\n * A labelled group per day is the honest structure anyway: a screen\n * reader tabs the event buttons and the group name supplies the day.\n */}\n <div className={styles.grid} aria-label=\"Agenda\">\n {dayList.map((day, index) => (\n <div\n key={day.toISOString()}\n className={cn(\n styles.dayColumn,\n index === todayIndex && styles.todayColumn,\n )}\n role=\"group\"\n aria-label={dayLabel.format(day)}\n onClick={\n onSlotClick\n ? (event) => {\n // Only empty space creates: a click that\n // landed on an event is that event's.\n if (event.target !== event.currentTarget) return;\n onSlotClick(slotFromClick(day, event));\n }\n : undefined\n }\n >\n {marks.map((minute) => (\n <span\n key={minute}\n className={styles.hourLine}\n style={{\n top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n }}\n />\n ))}\n </div>\n ))}\n\n {placed.map((item) => (\n <button\n key={`${item.event.id}-${item.dayIndex}`}\n type=\"button\"\n className={styles.event}\n style={{\n gridColumn: item.dayIndex + 1,\n top: `${item.top * 100}%`,\n height: `${item.height * 100}%`,\n left: `${(item.column / item.columns) * 100}%`,\n width: `${(1 / item.columns) * 100}%`,\n }}\n onClick={() => onEventClick?.(item.event)}\n disabled={!onEventClick}\n title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n >\n {renderEvent ? (\n renderEvent(item.event)\n ) : (\n <>\n <span className={styles.eventTime}>\n {timeLabel.format(item.event.start)}\n </span>\n <span className={styles.eventTitle}>{item.event.title}</span>\n </>\n )}\n </button>\n ))}\n\n {currentFraction !== null && todayIndex >= 0 && (\n <span\n className={styles.nowLine}\n style={{ top: `${currentFraction * 100}%` }}\n aria-hidden\n data-testid=\"scheduler-now\"\n />\n )}\n </div>\n </div>\n </div>\n );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Scheduler.cjs","names":[],"sources":["../../../src/components/Scheduler/Scheduler.tsx"],"sourcesContent":["/**\n * @tempest-limits file-lines, props-count, function-lines — the grid is defined by\n * anchor, days, startHour, endHour and snapMinutes; the content by events,\n * renderEvent, onEventClick and onSlotClick; the reading by locale, showCurrentTime\n * and now. The body lays out overlapping events into columns, which needs the whole\n * day's events at once.\n */\nimport { type HTMLAttributes, type ReactNode, useEffect, useMemo, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport {\n dayRange,\n type DayWindow,\n fractionOfWindow,\n hourMarks,\n isSameDay,\n layoutAllDay,\n layoutEvents,\n type SchedulerEvent,\n} from \"./scheduler-layout\";\nimport styles from \"./Scheduler.module.css\";\n\nexport interface SchedulerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n /** Events to place. Instants are read in the browser's local time. */\n events: readonly SchedulerEvent[];\n /** Any day within the range to show. Default: today. */\n anchor?: Date;\n /** How many consecutive days to render. `1` is a day view, `7` a week. Default `7`. */\n days?: number;\n /** First visible hour, `0`–`23`. Default `8`. */\n startHour?: number;\n /** Last visible hour, `1`–`24`. Default `20`. */\n endHour?: number;\n /** Minutes a click on empty space snaps to. Default `30`. */\n snapMinutes?: number;\n /** Called when an event is activated by click, `Enter` or `Space`. */\n onEventClick?: (event: SchedulerEvent) => void;\n /** Called with the snapped instant when empty space is clicked. */\n onSlotClick?: (start: Date) => void;\n /** Render an event's contents. Defaults to its title and start time. */\n renderEvent?: (event: SchedulerEvent) => ReactNode;\n /** Locale for the day and hour labels. Default `\"pt-BR\"`. */\n locale?: string;\n /** Draw the current-time line. Default `true`. */\n showCurrentTime?: boolean;\n /** Fixed \"now\" for the indicator. Default: the real clock, ticking each minute. */\n now?: Date;\n}\n\n/** Minutes between ticks of the current-time indicator. */\nconst TICK_MS = 60_000;\n\n/**\n * An agenda: events placed on a time grid across consecutive days.\n *\n * `Calendar` is a date *picker* — it answers \"which day?\". This answers \"what is on\n * those days, and when\", which needs a different structure entirely: a vertical time\n * axis, events sized by duration, and overlapping events sitting side by side.\n *\n * That last part is the one worth naming. Overlapping events are grouped into\n * clusters of mutual overlap and every event in a cluster shares one column count,\n * so widths line up; a column is reused the moment it frees, so `9–10`, `9–10`,\n * `10–11` takes two columns and not three. The layout is pure and lives in\n * `scheduler-layout.ts`.\n *\n * Times are local. An event crossing midnight is split into both day columns, and\n * the day range is built by incrementing the calendar day, so a DST boundary does\n * not duplicate or skip a date.\n *\n * @example\n * <Scheduler\n * events={bookings}\n * days={7}\n * startHour={7}\n * endHour={21}\n * onEventClick={(e) => open(e.id)}\n * onSlotClick={(start) => createAt(start)}\n * />\n */\nexport function Scheduler({\n events,\n anchor,\n days: dayCount = 7,\n startHour = 8,\n endHour = 20,\n snapMinutes = 30,\n onEventClick,\n onSlotClick,\n renderEvent,\n locale = \"pt-BR\",\n showCurrentTime = true,\n now,\n className,\n ...rest\n}: SchedulerProps) {\n const [clock, setClock] = useState<Date>(() => now ?? new Date());\n\n /**\n * Keep the current-time line moving.\n *\n * Skipped entirely when `now` is supplied: that is the hook tests and demos use\n * to be deterministic, and a timer would fight it.\n */\n useEffect(() => {\n if (now || !showCurrentTime) return;\n const id = setInterval(() => setClock(new Date()), TICK_MS);\n return () => clearInterval(id);\n }, [now, showCurrentTime]);\n\n const reference = now ?? clock;\n\n const window = useMemo<DayWindow>(\n () => ({ startMinute: startHour * 60, endMinute: endHour * 60 }),\n [startHour, endHour],\n );\n\n /**\n * The calendar day the range starts from, as a stable string.\n *\n * `reference` ticks every minute when the current-time line is live. Depending on\n * the Date itself would re-slice the day range — and therefore relayout every\n * event — once a minute; depending on the day only recomputes at midnight.\n */\n const anchorDay = (anchor ?? reference).toDateString();\n const dayList = useMemo(() => dayRange(new Date(anchorDay), dayCount), [anchorDay, dayCount]);\n\n const placed = useMemo(\n () => layoutEvents({ events, days: dayList, window }),\n [events, dayList, window],\n );\n const allDay = useMemo(() => layoutAllDay({ events, days: dayList }), [events, dayList]);\n const marks = useMemo(() => hourMarks(window), [window]);\n\n const dayLabel = new Intl.DateTimeFormat(locale, { weekday: \"short\", day: \"numeric\" });\n const timeLabel = new Intl.DateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\" });\n\n /** Turn a click's vertical position within a day column into a snapped instant. */\n const slotFromClick = (day: Date, event: React.MouseEvent<HTMLDivElement>): Date => {\n const rect = event.currentTarget.getBoundingClientRect();\n const fraction = rect.height > 0 ? (event.clientY - rect.top) / rect.height : 0;\n const raw = window.startMinute + fraction * (window.endMinute - window.startMinute);\n const snapped = Math.round(raw / snapMinutes) * snapMinutes;\n const clamped = Math.max(window.startMinute, Math.min(window.endMinute, snapped));\n const result = new Date(day);\n result.setHours(0, clamped, 0, 0);\n return result;\n };\n\n const currentFraction = showCurrentTime ? fractionOfWindow(reference, window) : null;\n const todayIndex = dayList.findIndex((day) => isSameDay(day, reference));\n\n return (\n <div className={cn(styles.wrapper, className)} {...rest}>\n <div\n className={styles.head}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n >\n <span className={styles.gutterHead} />\n {dayList.map((day, index) => (\n <span\n key={day.toISOString()}\n className={cn(styles.dayHead, index === todayIndex && styles.today)}\n >\n {dayLabel.format(day)}\n </span>\n ))}\n </div>\n\n {allDay.length > 0 && (\n <div\n className={styles.allDayLane}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n >\n <span className={styles.gutterHead}>Dia inteiro</span>\n <div className={styles.allDayTrack}>\n {allDay.map(({ event, dayIndex, span }) => (\n <button\n key={event.id}\n type=\"button\"\n className={styles.allDayEvent}\n style={{ gridColumn: `${dayIndex + 1} / span ${span}` }}\n onClick={() => onEventClick?.(event)}\n disabled={!onEventClick}\n >\n {event.title}\n </button>\n ))}\n </div>\n </div>\n )}\n\n {/*\n * Focusable because it scrolls vertically: a scroll region that cannot be\n * focused is unreachable by keyboard, which is what `axe`'s\n * `scrollable-region-focusable` rule is about. It needs a name too, or the\n * new tab stop would announce nothing — but `group`, not `region`: a named\n * `region` is a landmark, and two schedulers on one page would then be two\n * identically-named landmarks (`landmark-unique`).\n */}\n <div\n className={styles.body}\n style={{ [\"--tempest-scheduler-days\" as string]: dayCount }}\n tabIndex={0}\n role=\"group\"\n aria-label=\"Grade de horários\"\n >\n <div className={styles.gutter}>\n {marks.map((minute) => (\n <span\n key={minute}\n className={styles.hourLabel}\n style={{\n top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n }}\n >\n {timeLabel.format(\n new Date(2026, 0, 1, Math.floor(minute / 60), minute % 60),\n )}\n </span>\n ))}\n </div>\n\n {/*\n * Not `role=\"grid\"`: that requires `row` children, and the events are\n * siblings of the day columns inside one CSS grid — a `row` wrapper\n * would stop the columns being grid items and collapse the layout.\n * A labelled group per day is the honest structure anyway: a screen\n * reader tabs the event buttons and the group name supplies the day.\n */}\n <div className={styles.grid} aria-label=\"Agenda\">\n {dayList.map((day, index) => (\n <div\n key={day.toISOString()}\n className={cn(\n styles.dayColumn,\n index === todayIndex && styles.todayColumn,\n )}\n role=\"group\"\n aria-label={dayLabel.format(day)}\n onClick={\n onSlotClick\n ? (event) => {\n // Only empty space creates: a click that\n // landed on an event is that event's.\n if (event.target !== event.currentTarget) return;\n onSlotClick(slotFromClick(day, event));\n }\n : undefined\n }\n >\n {marks.map((minute) => (\n <span\n key={minute}\n className={styles.hourLine}\n style={{\n top: `${((minute - window.startMinute) / (window.endMinute - window.startMinute)) * 100}%`,\n }}\n />\n ))}\n </div>\n ))}\n\n {placed.map((item) => (\n <button\n key={`${item.event.id}-${item.dayIndex}`}\n type=\"button\"\n className={styles.event}\n style={{\n gridColumn: item.dayIndex + 1,\n top: `${item.top * 100}%`,\n height: `${item.height * 100}%`,\n left: `${(item.column / item.columns) * 100}%`,\n width: `${(1 / item.columns) * 100}%`,\n }}\n onClick={() => onEventClick?.(item.event)}\n disabled={!onEventClick}\n title={`${item.event.title} — ${timeLabel.format(item.event.start)}`}\n >\n {renderEvent ? (\n renderEvent(item.event)\n ) : (\n <>\n <span className={styles.eventTime}>\n {timeLabel.format(item.event.start)}\n </span>\n <span className={styles.eventTitle}>{item.event.title}</span>\n </>\n )}\n </button>\n ))}\n\n {currentFraction !== null && todayIndex >= 0 && (\n <span\n className={styles.nowLine}\n style={{ top: `${currentFraction * 100}%` }}\n aria-hidden\n data-testid=\"scheduler-now\"\n />\n )}\n </div>\n </div>\n </div>\n );\n}\n\nexport type { SchedulerEvent };\n"],"mappings":"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"}