@k2b/ui 0.1.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (548) hide show
  1. package/LICENSE +661 -0
  2. package/README.md +343 -0
  3. package/dist/.build-complete +0 -0
  4. package/dist/browser/actions/Button.js +236 -0
  5. package/dist/browser/actions/Button.js.map +1 -0
  6. package/dist/browser/actions/ContextMenu.js +199 -0
  7. package/dist/browser/actions/ContextMenu.js.map +1 -0
  8. package/dist/browser/actions/CopyButton.js +97 -0
  9. package/dist/browser/actions/CopyButton.js.map +1 -0
  10. package/dist/browser/actions/Disclosure.js +83 -0
  11. package/dist/browser/actions/Disclosure.js.map +1 -0
  12. package/dist/browser/actions/Dropdown.js +669 -0
  13. package/dist/browser/actions/Dropdown.js.map +1 -0
  14. package/dist/browser/actions/FilterChip.js +149 -0
  15. package/dist/browser/actions/FilterChip.js.map +1 -0
  16. package/dist/browser/actions/RemoveButton.js +47 -0
  17. package/dist/browser/actions/RemoveButton.js.map +1 -0
  18. package/dist/browser/actions/SegmentedControl.js +138 -0
  19. package/dist/browser/actions/SegmentedControl.js.map +1 -0
  20. package/dist/browser/actions/SplitButton.js +76 -0
  21. package/dist/browser/actions/SplitButton.js.map +1 -0
  22. package/dist/browser/actions/SpotlightSearch.js +87 -0
  23. package/dist/browser/actions/SpotlightSearch.js.map +1 -0
  24. package/dist/browser/actions/Tabs.js +185 -0
  25. package/dist/browser/actions/Tabs.js.map +1 -0
  26. package/dist/browser/actions/Toolbar.js +87 -0
  27. package/dist/browser/actions/Toolbar.js.map +1 -0
  28. package/dist/browser/actions/index.js +13 -0
  29. package/dist/browser/actions/index.js.map +1 -0
  30. package/dist/browser/chat/ChatComposer.js +760 -0
  31. package/dist/browser/chat/ChatComposer.js.map +1 -0
  32. package/dist/browser/chat/ChatPrimitives.js +688 -0
  33. package/dist/browser/chat/ChatPrimitives.js.map +1 -0
  34. package/dist/browser/chat/ChatRoot.js +27 -0
  35. package/dist/browser/chat/ChatRoot.js.map +1 -0
  36. package/dist/browser/chat/ChatTimeline.js +404 -0
  37. package/dist/browser/chat/ChatTimeline.js.map +1 -0
  38. package/dist/browser/chat/chat-behavior.js +53 -0
  39. package/dist/browser/chat/chat-behavior.js.map +1 -0
  40. package/dist/browser/chat/index.js +17 -0
  41. package/dist/browser/chat/index.js.map +1 -0
  42. package/dist/browser/chat/types.js +2 -0
  43. package/dist/browser/chat/types.js.map +1 -0
  44. package/dist/browser/content/Calendar.js +2168 -0
  45. package/dist/browser/content/Calendar.js.map +1 -0
  46. package/dist/browser/content/Chart.js +680 -0
  47. package/dist/browser/content/Chart.js.map +1 -0
  48. package/dist/browser/content/CodeDisplay.js +104 -0
  49. package/dist/browser/content/CodeDisplay.js.map +1 -0
  50. package/dist/browser/content/DataTable.js +724 -0
  51. package/dist/browser/content/DataTable.js.map +1 -0
  52. package/dist/browser/content/Docs.js +227 -0
  53. package/dist/browser/content/Docs.js.map +1 -0
  54. package/dist/browser/content/FileBrowser.js +462 -0
  55. package/dist/browser/content/FileBrowser.js.map +1 -0
  56. package/dist/browser/content/FileTree.js +453 -0
  57. package/dist/browser/content/FileTree.js.map +1 -0
  58. package/dist/browser/content/FileView.js +842 -0
  59. package/dist/browser/content/FileView.js.map +1 -0
  60. package/dist/browser/content/Lightbox.js +285 -0
  61. package/dist/browser/content/Lightbox.js.map +1 -0
  62. package/dist/browser/content/LogEntriesTable.js +139 -0
  63. package/dist/browser/content/LogEntriesTable.js.map +1 -0
  64. package/dist/browser/content/MarkdownView.js +138 -0
  65. package/dist/browser/content/MarkdownView.js.map +1 -0
  66. package/dist/browser/content/Pagination.js +182 -0
  67. package/dist/browser/content/Pagination.js.map +1 -0
  68. package/dist/browser/content/PdfPreview.js +204 -0
  69. package/dist/browser/content/PdfPreview.js.map +1 -0
  70. package/dist/browser/content/RangePicker.js +83 -0
  71. package/dist/browser/content/RangePicker.js.map +1 -0
  72. package/dist/browser/content/StructuredDataPreview.js +194 -0
  73. package/dist/browser/content/StructuredDataPreview.js.map +1 -0
  74. package/dist/browser/content/calendar-event-layout.js +92 -0
  75. package/dist/browser/content/calendar-event-layout.js.map +1 -0
  76. package/dist/browser/content/calendar-pointer.js +114 -0
  77. package/dist/browser/content/calendar-pointer.js.map +1 -0
  78. package/dist/browser/content/chart-map-viewport.js +33 -0
  79. package/dist/browser/content/chart-map-viewport.js.map +1 -0
  80. package/dist/browser/content/chart-state-timeline.js +124 -0
  81. package/dist/browser/content/chart-state-timeline.js.map +1 -0
  82. package/dist/browser/content/code-highlight.js +144 -0
  83. package/dist/browser/content/code-highlight.js.map +1 -0
  84. package/dist/browser/content/file-tree.js +93 -0
  85. package/dist/browser/content/file-tree.js.map +1 -0
  86. package/dist/browser/content/file-view-preview.js +112 -0
  87. package/dist/browser/content/file-view-preview.js.map +1 -0
  88. package/dist/browser/content/index.js +16 -0
  89. package/dist/browser/content/index.js.map +1 -0
  90. package/dist/browser/feedback/InlineGuidance.js +46 -0
  91. package/dist/browser/feedback/InlineGuidance.js.map +1 -0
  92. package/dist/browser/feedback/Tooltip.js +189 -0
  93. package/dist/browser/feedback/Tooltip.js.map +1 -0
  94. package/dist/browser/feedback/dialog-core.js +207 -0
  95. package/dist/browser/feedback/dialog-core.js.map +1 -0
  96. package/dist/browser/feedback/index.js +6 -0
  97. package/dist/browser/feedback/index.js.map +1 -0
  98. package/dist/browser/feedback/prompts.js +991 -0
  99. package/dist/browser/feedback/prompts.js.map +1 -0
  100. package/dist/browser/feedback/toast.js +271 -0
  101. package/dist/browser/feedback/toast.js.map +1 -0
  102. package/dist/browser/feedback/tooltip-position.js +25 -0
  103. package/dist/browser/feedback/tooltip-position.js.map +1 -0
  104. package/dist/browser/index.js +11 -0
  105. package/dist/browser/index.js.map +1 -0
  106. package/dist/browser/inputs/AutocompleteEditor.js +610 -0
  107. package/dist/browser/inputs/AutocompleteEditor.js.map +1 -0
  108. package/dist/browser/inputs/AutocompleteSelect.js +632 -0
  109. package/dist/browser/inputs/AutocompleteSelect.js.map +1 -0
  110. package/dist/browser/inputs/Checkbox.js +137 -0
  111. package/dist/browser/inputs/Checkbox.js.map +1 -0
  112. package/dist/browser/inputs/CheckboxCard.js +130 -0
  113. package/dist/browser/inputs/CheckboxCard.js.map +1 -0
  114. package/dist/browser/inputs/ChoiceGroups.js +174 -0
  115. package/dist/browser/inputs/ChoiceGroups.js.map +1 -0
  116. package/dist/browser/inputs/ChoiceInputs.js +400 -0
  117. package/dist/browser/inputs/ChoiceInputs.js.map +1 -0
  118. package/dist/browser/inputs/Combobox.js +274 -0
  119. package/dist/browser/inputs/Combobox.js.map +1 -0
  120. package/dist/browser/inputs/DatePicker.js +923 -0
  121. package/dist/browser/inputs/DatePicker.js.map +1 -0
  122. package/dist/browser/inputs/FileInputs.js +736 -0
  123. package/dist/browser/inputs/FileInputs.js.map +1 -0
  124. package/dist/browser/inputs/MultiSelectInput.js +565 -0
  125. package/dist/browser/inputs/MultiSelectInput.js.map +1 -0
  126. package/dist/browser/inputs/NumberInput.js +288 -0
  127. package/dist/browser/inputs/NumberInput.js.map +1 -0
  128. package/dist/browser/inputs/Select.js +507 -0
  129. package/dist/browser/inputs/Select.js.map +1 -0
  130. package/dist/browser/inputs/SelectChip.js +151 -0
  131. package/dist/browser/inputs/SelectChip.js.map +1 -0
  132. package/dist/browser/inputs/SpecialInputs.js +117 -0
  133. package/dist/browser/inputs/SpecialInputs.js.map +1 -0
  134. package/dist/browser/inputs/Switch.js +117 -0
  135. package/dist/browser/inputs/Switch.js.map +1 -0
  136. package/dist/browser/inputs/TagEditor.js +358 -0
  137. package/dist/browser/inputs/TagEditor.js.map +1 -0
  138. package/dist/browser/inputs/TagsInput.js +195 -0
  139. package/dist/browser/inputs/TagsInput.js.map +1 -0
  140. package/dist/browser/inputs/TemplateEditor.js +190 -0
  141. package/dist/browser/inputs/TemplateEditor.js.map +1 -0
  142. package/dist/browser/inputs/TextInput.js +318 -0
  143. package/dist/browser/inputs/TextInput.js.map +1 -0
  144. package/dist/browser/inputs/choice.js +188 -0
  145. package/dist/browser/inputs/choice.js.map +1 -0
  146. package/dist/browser/inputs/completion/behaviors.js +108 -0
  147. package/dist/browser/inputs/completion/behaviors.js.map +1 -0
  148. package/dist/browser/inputs/completion/engine.js +103 -0
  149. package/dist/browser/inputs/completion/engine.js.map +1 -0
  150. package/dist/browser/inputs/completion/index.js +4 -0
  151. package/dist/browser/inputs/completion/index.js.map +1 -0
  152. package/dist/browser/inputs/completion/overlay.js +25 -0
  153. package/dist/browser/inputs/completion/overlay.js.map +1 -0
  154. package/dist/browser/inputs/date-picker.js +123 -0
  155. package/dist/browser/inputs/date-picker.js.map +1 -0
  156. package/dist/browser/inputs/editor-dom.js +26 -0
  157. package/dist/browser/inputs/editor-dom.js.map +1 -0
  158. package/dist/browser/inputs/field-contract.js +9 -0
  159. package/dist/browser/inputs/field-contract.js.map +1 -0
  160. package/dist/browser/inputs/icon-options.js +46 -0
  161. package/dist/browser/inputs/icon-options.js.map +1 -0
  162. package/dist/browser/inputs/image-crop.js +145 -0
  163. package/dist/browser/inputs/image-crop.js.map +1 -0
  164. package/dist/browser/inputs/index.js +23 -0
  165. package/dist/browser/inputs/index.js.map +1 -0
  166. package/dist/browser/inputs/markdown/MarkdownEditor.js +725 -0
  167. package/dist/browser/inputs/markdown/MarkdownEditor.js.map +1 -0
  168. package/dist/browser/inputs/markdown/Toolbar.js +172 -0
  169. package/dist/browser/inputs/markdown/Toolbar.js.map +1 -0
  170. package/dist/browser/inputs/markdown/actions.js +140 -0
  171. package/dist/browser/inputs/markdown/actions.js.map +1 -0
  172. package/dist/browser/inputs/markdown/active-formats.js +36 -0
  173. package/dist/browser/inputs/markdown/active-formats.js.map +1 -0
  174. package/dist/browser/inputs/markdown/behaviors.js +63 -0
  175. package/dist/browser/inputs/markdown/behaviors.js.map +1 -0
  176. package/dist/browser/inputs/markdown/code-zone.js +8 -0
  177. package/dist/browser/inputs/markdown/code-zone.js.map +1 -0
  178. package/dist/browser/internal/color.js +18 -0
  179. package/dist/browser/internal/color.js.map +1 -0
  180. package/dist/browser/internal/field.js +158 -0
  181. package/dist/browser/internal/field.js.map +1 -0
  182. package/dist/browser/internal/portal.js +17 -0
  183. package/dist/browser/internal/portal.js.map +1 -0
  184. package/dist/browser/intl/Format.js +273 -0
  185. package/dist/browser/intl/Format.js.map +1 -0
  186. package/dist/browser/intl/index.js +3 -0
  187. package/dist/browser/intl/index.js.map +1 -0
  188. package/dist/browser/intl/locale.js +63 -0
  189. package/dist/browser/intl/locale.js.map +1 -0
  190. package/dist/browser/intl/messages.js +753 -0
  191. package/dist/browser/intl/messages.js.map +1 -0
  192. package/dist/browser/layout/AppOverview.js +151 -0
  193. package/dist/browser/layout/AppOverview.js.map +1 -0
  194. package/dist/browser/layout/AppWorkspace.js +1502 -0
  195. package/dist/browser/layout/AppWorkspace.js.map +1 -0
  196. package/dist/browser/layout/DataPanel.js +122 -0
  197. package/dist/browser/layout/DataPanel.js.map +1 -0
  198. package/dist/browser/layout/DetailPanel.js +484 -0
  199. package/dist/browser/layout/DetailPanel.js.map +1 -0
  200. package/dist/browser/layout/Discussion.js +511 -0
  201. package/dist/browser/layout/Discussion.js.map +1 -0
  202. package/dist/browser/layout/FloatingWindow.js +332 -0
  203. package/dist/browser/layout/FloatingWindow.js.map +1 -0
  204. package/dist/browser/layout/PanelDialog.js +236 -0
  205. package/dist/browser/layout/PanelDialog.js.map +1 -0
  206. package/dist/browser/layout/PanelHeader.js +91 -0
  207. package/dist/browser/layout/PanelHeader.js.map +1 -0
  208. package/dist/browser/layout/Panes.js +978 -0
  209. package/dist/browser/layout/Panes.js.map +1 -0
  210. package/dist/browser/layout/ScrollArea.js +29 -0
  211. package/dist/browser/layout/ScrollArea.js.map +1 -0
  212. package/dist/browser/layout/Settings.js +381 -0
  213. package/dist/browser/layout/Settings.js.map +1 -0
  214. package/dist/browser/layout/SettingsCollection.js +212 -0
  215. package/dist/browser/layout/SettingsCollection.js.map +1 -0
  216. package/dist/browser/layout/SettingsModal.js +281 -0
  217. package/dist/browser/layout/SettingsModal.js.map +1 -0
  218. package/dist/browser/layout/app-workspace-controller.js +419 -0
  219. package/dist/browser/layout/app-workspace-controller.js.map +1 -0
  220. package/dist/browser/layout/app-workspace-state.js +125 -0
  221. package/dist/browser/layout/app-workspace-state.js.map +1 -0
  222. package/dist/browser/layout/floating-window-geometry.js +15 -0
  223. package/dist/browser/layout/floating-window-geometry.js.map +1 -0
  224. package/dist/browser/layout/index.js +17 -0
  225. package/dist/browser/layout/index.js.map +1 -0
  226. package/dist/browser/layout/panes-layout.js +436 -0
  227. package/dist/browser/layout/panes-layout.js.map +1 -0
  228. package/dist/browser/layout/stable-id.js +17 -0
  229. package/dist/browser/layout/stable-id.js.map +1 -0
  230. package/dist/browser/semantics.js +2 -0
  231. package/dist/browser/semantics.js.map +1 -0
  232. package/dist/browser/surfaces/Avatar.js +97 -0
  233. package/dist/browser/surfaces/Avatar.js.map +1 -0
  234. package/dist/browser/surfaces/DescriptionList.js +66 -0
  235. package/dist/browser/surfaces/DescriptionList.js.map +1 -0
  236. package/dist/browser/surfaces/LinkCard.js +40 -0
  237. package/dist/browser/surfaces/LinkCard.js.map +1 -0
  238. package/dist/browser/surfaces/NotFoundState.js +85 -0
  239. package/dist/browser/surfaces/NotFoundState.js.map +1 -0
  240. package/dist/browser/surfaces/NoticeCard.js +145 -0
  241. package/dist/browser/surfaces/NoticeCard.js.map +1 -0
  242. package/dist/browser/surfaces/Paper.js +33 -0
  243. package/dist/browser/surfaces/Paper.js.map +1 -0
  244. package/dist/browser/surfaces/Placeholder.js +90 -0
  245. package/dist/browser/surfaces/Placeholder.js.map +1 -0
  246. package/dist/browser/surfaces/ProgressBar.js +58 -0
  247. package/dist/browser/surfaces/ProgressBar.js.map +1 -0
  248. package/dist/browser/surfaces/StatCell.js +172 -0
  249. package/dist/browser/surfaces/StatCell.js.map +1 -0
  250. package/dist/browser/surfaces/StatGrid.js +80 -0
  251. package/dist/browser/surfaces/StatGrid.js.map +1 -0
  252. package/dist/browser/surfaces/StatusBadge.js +70 -0
  253. package/dist/browser/surfaces/StatusBadge.js.map +1 -0
  254. package/dist/browser/surfaces/Tag.js +94 -0
  255. package/dist/browser/surfaces/Tag.js.map +1 -0
  256. package/dist/browser/surfaces/index.js +13 -0
  257. package/dist/browser/surfaces/index.js.map +1 -0
  258. package/dist/browser/widgets/Widget.js +89 -0
  259. package/dist/browser/widgets/Widget.js.map +1 -0
  260. package/dist/browser/widgets/WidgetHero.js +47 -0
  261. package/dist/browser/widgets/WidgetHero.js.map +1 -0
  262. package/dist/browser/widgets/WidgetList.js +125 -0
  263. package/dist/browser/widgets/WidgetList.js.map +1 -0
  264. package/dist/browser/widgets/WidgetPills.js +78 -0
  265. package/dist/browser/widgets/WidgetPills.js.map +1 -0
  266. package/dist/browser/widgets/WidgetStat.js +114 -0
  267. package/dist/browser/widgets/WidgetStat.js.map +1 -0
  268. package/dist/browser/widgets/WidgetStatus.js +54 -0
  269. package/dist/browser/widgets/WidgetStatus.js.map +1 -0
  270. package/dist/browser/widgets/index.js +7 -0
  271. package/dist/browser/widgets/index.js.map +1 -0
  272. package/dist/global.css +3 -0
  273. package/dist/licenses/ibm-plex-mono.txt +93 -0
  274. package/dist/licenses/ibm-plex-sans.txt +93 -0
  275. package/dist/licenses/tabler-icons.txt +21 -0
  276. package/dist/plex.css +1 -0
  277. package/dist/ssr/actions/Button.js +203 -0
  278. package/dist/ssr/actions/Button.js.map +1 -0
  279. package/dist/ssr/actions/ContextMenu.js +128 -0
  280. package/dist/ssr/actions/ContextMenu.js.map +1 -0
  281. package/dist/ssr/actions/CopyButton.js +79 -0
  282. package/dist/ssr/actions/CopyButton.js.map +1 -0
  283. package/dist/ssr/actions/Disclosure.js +26 -0
  284. package/dist/ssr/actions/Disclosure.js.map +1 -0
  285. package/dist/ssr/actions/Dropdown.js +443 -0
  286. package/dist/ssr/actions/Dropdown.js.map +1 -0
  287. package/dist/ssr/actions/FilterChip.js +132 -0
  288. package/dist/ssr/actions/FilterChip.js.map +1 -0
  289. package/dist/ssr/actions/RemoveButton.js +45 -0
  290. package/dist/ssr/actions/RemoveButton.js.map +1 -0
  291. package/dist/ssr/actions/SegmentedControl.js +57 -0
  292. package/dist/ssr/actions/SegmentedControl.js.map +1 -0
  293. package/dist/ssr/actions/SplitButton.js +74 -0
  294. package/dist/ssr/actions/SplitButton.js.map +1 -0
  295. package/dist/ssr/actions/SpotlightSearch.js +38 -0
  296. package/dist/ssr/actions/SpotlightSearch.js.map +1 -0
  297. package/dist/ssr/actions/Tabs.js +91 -0
  298. package/dist/ssr/actions/Tabs.js.map +1 -0
  299. package/dist/ssr/actions/Toolbar.js +33 -0
  300. package/dist/ssr/actions/Toolbar.js.map +1 -0
  301. package/dist/ssr/actions/index.js +13 -0
  302. package/dist/ssr/actions/index.js.map +1 -0
  303. package/dist/ssr/chat/ChatComposer.js +392 -0
  304. package/dist/ssr/chat/ChatComposer.js.map +1 -0
  305. package/dist/ssr/chat/ChatPrimitives.js +377 -0
  306. package/dist/ssr/chat/ChatPrimitives.js.map +1 -0
  307. package/dist/ssr/chat/ChatRoot.js +10 -0
  308. package/dist/ssr/chat/ChatRoot.js.map +1 -0
  309. package/dist/ssr/chat/ChatTimeline.js +301 -0
  310. package/dist/ssr/chat/ChatTimeline.js.map +1 -0
  311. package/dist/ssr/chat/chat-behavior.js +53 -0
  312. package/dist/ssr/chat/chat-behavior.js.map +1 -0
  313. package/dist/ssr/chat/index.js +17 -0
  314. package/dist/ssr/chat/index.js.map +1 -0
  315. package/dist/ssr/chat/types.js +2 -0
  316. package/dist/ssr/chat/types.js.map +1 -0
  317. package/dist/ssr/content/Calendar.js +1542 -0
  318. package/dist/ssr/content/Calendar.js.map +1 -0
  319. package/dist/ssr/content/Chart.js +552 -0
  320. package/dist/ssr/content/Chart.js.map +1 -0
  321. package/dist/ssr/content/CodeDisplay.js +55 -0
  322. package/dist/ssr/content/CodeDisplay.js.map +1 -0
  323. package/dist/ssr/content/DataTable.js +470 -0
  324. package/dist/ssr/content/DataTable.js.map +1 -0
  325. package/dist/ssr/content/Docs.js +108 -0
  326. package/dist/ssr/content/Docs.js.map +1 -0
  327. package/dist/ssr/content/FileBrowser.js +422 -0
  328. package/dist/ssr/content/FileBrowser.js.map +1 -0
  329. package/dist/ssr/content/FileTree.js +299 -0
  330. package/dist/ssr/content/FileTree.js.map +1 -0
  331. package/dist/ssr/content/FileView.js +612 -0
  332. package/dist/ssr/content/FileView.js.map +1 -0
  333. package/dist/ssr/content/Lightbox.js +164 -0
  334. package/dist/ssr/content/Lightbox.js.map +1 -0
  335. package/dist/ssr/content/LogEntriesTable.js +106 -0
  336. package/dist/ssr/content/LogEntriesTable.js.map +1 -0
  337. package/dist/ssr/content/MarkdownView.js +119 -0
  338. package/dist/ssr/content/MarkdownView.js.map +1 -0
  339. package/dist/ssr/content/Pagination.js +141 -0
  340. package/dist/ssr/content/Pagination.js.map +1 -0
  341. package/dist/ssr/content/PdfPreview.js +126 -0
  342. package/dist/ssr/content/PdfPreview.js.map +1 -0
  343. package/dist/ssr/content/RangePicker.js +35 -0
  344. package/dist/ssr/content/RangePicker.js.map +1 -0
  345. package/dist/ssr/content/StructuredDataPreview.js +127 -0
  346. package/dist/ssr/content/StructuredDataPreview.js.map +1 -0
  347. package/dist/ssr/content/calendar-event-layout.js +92 -0
  348. package/dist/ssr/content/calendar-event-layout.js.map +1 -0
  349. package/dist/ssr/content/calendar-pointer.js +114 -0
  350. package/dist/ssr/content/calendar-pointer.js.map +1 -0
  351. package/dist/ssr/content/chart-map-viewport.js +33 -0
  352. package/dist/ssr/content/chart-map-viewport.js.map +1 -0
  353. package/dist/ssr/content/chart-state-timeline.js +124 -0
  354. package/dist/ssr/content/chart-state-timeline.js.map +1 -0
  355. package/dist/ssr/content/code-highlight.js +144 -0
  356. package/dist/ssr/content/code-highlight.js.map +1 -0
  357. package/dist/ssr/content/file-tree.js +93 -0
  358. package/dist/ssr/content/file-tree.js.map +1 -0
  359. package/dist/ssr/content/file-view-preview.js +112 -0
  360. package/dist/ssr/content/file-view-preview.js.map +1 -0
  361. package/dist/ssr/content/index.js +16 -0
  362. package/dist/ssr/content/index.js.map +1 -0
  363. package/dist/ssr/feedback/InlineGuidance.js +26 -0
  364. package/dist/ssr/feedback/InlineGuidance.js.map +1 -0
  365. package/dist/ssr/feedback/Tooltip.js +156 -0
  366. package/dist/ssr/feedback/Tooltip.js.map +1 -0
  367. package/dist/ssr/feedback/dialog-core.js +207 -0
  368. package/dist/ssr/feedback/dialog-core.js.map +1 -0
  369. package/dist/ssr/feedback/index.js +6 -0
  370. package/dist/ssr/feedback/index.js.map +1 -0
  371. package/dist/ssr/feedback/prompts.js +703 -0
  372. package/dist/ssr/feedback/prompts.js.map +1 -0
  373. package/dist/ssr/feedback/toast.js +271 -0
  374. package/dist/ssr/feedback/toast.js.map +1 -0
  375. package/dist/ssr/feedback/tooltip-position.js +25 -0
  376. package/dist/ssr/feedback/tooltip-position.js.map +1 -0
  377. package/dist/ssr/index.js +11 -0
  378. package/dist/ssr/index.js.map +1 -0
  379. package/dist/ssr/inputs/AutocompleteEditor.js +463 -0
  380. package/dist/ssr/inputs/AutocompleteEditor.js.map +1 -0
  381. package/dist/ssr/inputs/AutocompleteSelect.js +420 -0
  382. package/dist/ssr/inputs/AutocompleteSelect.js.map +1 -0
  383. package/dist/ssr/inputs/Checkbox.js +75 -0
  384. package/dist/ssr/inputs/Checkbox.js.map +1 -0
  385. package/dist/ssr/inputs/CheckboxCard.js +69 -0
  386. package/dist/ssr/inputs/CheckboxCard.js.map +1 -0
  387. package/dist/ssr/inputs/ChoiceGroups.js +101 -0
  388. package/dist/ssr/inputs/ChoiceGroups.js.map +1 -0
  389. package/dist/ssr/inputs/ChoiceInputs.js +250 -0
  390. package/dist/ssr/inputs/ChoiceInputs.js.map +1 -0
  391. package/dist/ssr/inputs/Combobox.js +177 -0
  392. package/dist/ssr/inputs/Combobox.js.map +1 -0
  393. package/dist/ssr/inputs/DatePicker.js +629 -0
  394. package/dist/ssr/inputs/DatePicker.js.map +1 -0
  395. package/dist/ssr/inputs/FileInputs.js +543 -0
  396. package/dist/ssr/inputs/FileInputs.js.map +1 -0
  397. package/dist/ssr/inputs/MultiSelectInput.js +347 -0
  398. package/dist/ssr/inputs/MultiSelectInput.js.map +1 -0
  399. package/dist/ssr/inputs/NumberInput.js +177 -0
  400. package/dist/ssr/inputs/NumberInput.js.map +1 -0
  401. package/dist/ssr/inputs/Select.js +308 -0
  402. package/dist/ssr/inputs/Select.js.map +1 -0
  403. package/dist/ssr/inputs/SelectChip.js +129 -0
  404. package/dist/ssr/inputs/SelectChip.js.map +1 -0
  405. package/dist/ssr/inputs/SpecialInputs.js +116 -0
  406. package/dist/ssr/inputs/SpecialInputs.js.map +1 -0
  407. package/dist/ssr/inputs/Switch.js +62 -0
  408. package/dist/ssr/inputs/Switch.js.map +1 -0
  409. package/dist/ssr/inputs/TagEditor.js +280 -0
  410. package/dist/ssr/inputs/TagEditor.js.map +1 -0
  411. package/dist/ssr/inputs/TagsInput.js +122 -0
  412. package/dist/ssr/inputs/TagsInput.js.map +1 -0
  413. package/dist/ssr/inputs/TemplateEditor.js +164 -0
  414. package/dist/ssr/inputs/TemplateEditor.js.map +1 -0
  415. package/dist/ssr/inputs/TextInput.js +211 -0
  416. package/dist/ssr/inputs/TextInput.js.map +1 -0
  417. package/dist/ssr/inputs/choice.js +188 -0
  418. package/dist/ssr/inputs/choice.js.map +1 -0
  419. package/dist/ssr/inputs/completion/behaviors.js +108 -0
  420. package/dist/ssr/inputs/completion/behaviors.js.map +1 -0
  421. package/dist/ssr/inputs/completion/engine.js +103 -0
  422. package/dist/ssr/inputs/completion/engine.js.map +1 -0
  423. package/dist/ssr/inputs/completion/index.js +4 -0
  424. package/dist/ssr/inputs/completion/index.js.map +1 -0
  425. package/dist/ssr/inputs/completion/overlay.js +25 -0
  426. package/dist/ssr/inputs/completion/overlay.js.map +1 -0
  427. package/dist/ssr/inputs/date-picker.js +123 -0
  428. package/dist/ssr/inputs/date-picker.js.map +1 -0
  429. package/dist/ssr/inputs/editor-dom.js +26 -0
  430. package/dist/ssr/inputs/editor-dom.js.map +1 -0
  431. package/dist/ssr/inputs/field-contract.js +9 -0
  432. package/dist/ssr/inputs/field-contract.js.map +1 -0
  433. package/dist/ssr/inputs/icon-options.js +46 -0
  434. package/dist/ssr/inputs/icon-options.js.map +1 -0
  435. package/dist/ssr/inputs/image-crop.js +145 -0
  436. package/dist/ssr/inputs/image-crop.js.map +1 -0
  437. package/dist/ssr/inputs/index.js +23 -0
  438. package/dist/ssr/inputs/index.js.map +1 -0
  439. package/dist/ssr/inputs/markdown/MarkdownEditor.js +516 -0
  440. package/dist/ssr/inputs/markdown/MarkdownEditor.js.map +1 -0
  441. package/dist/ssr/inputs/markdown/Toolbar.js +115 -0
  442. package/dist/ssr/inputs/markdown/Toolbar.js.map +1 -0
  443. package/dist/ssr/inputs/markdown/actions.js +140 -0
  444. package/dist/ssr/inputs/markdown/actions.js.map +1 -0
  445. package/dist/ssr/inputs/markdown/active-formats.js +36 -0
  446. package/dist/ssr/inputs/markdown/active-formats.js.map +1 -0
  447. package/dist/ssr/inputs/markdown/behaviors.js +63 -0
  448. package/dist/ssr/inputs/markdown/behaviors.js.map +1 -0
  449. package/dist/ssr/inputs/markdown/code-zone.js +8 -0
  450. package/dist/ssr/inputs/markdown/code-zone.js.map +1 -0
  451. package/dist/ssr/internal/color.js +18 -0
  452. package/dist/ssr/internal/color.js.map +1 -0
  453. package/dist/ssr/internal/field.js +90 -0
  454. package/dist/ssr/internal/field.js.map +1 -0
  455. package/dist/ssr/internal/portal.js +17 -0
  456. package/dist/ssr/internal/portal.js.map +1 -0
  457. package/dist/ssr/intl/Format.js +192 -0
  458. package/dist/ssr/intl/Format.js.map +1 -0
  459. package/dist/ssr/intl/index.js +3 -0
  460. package/dist/ssr/intl/index.js.map +1 -0
  461. package/dist/ssr/intl/locale.js +63 -0
  462. package/dist/ssr/intl/locale.js.map +1 -0
  463. package/dist/ssr/intl/messages.js +753 -0
  464. package/dist/ssr/intl/messages.js.map +1 -0
  465. package/dist/ssr/layout/AppOverview.js +85 -0
  466. package/dist/ssr/layout/AppOverview.js.map +1 -0
  467. package/dist/ssr/layout/AppWorkspace.js +976 -0
  468. package/dist/ssr/layout/AppWorkspace.js.map +1 -0
  469. package/dist/ssr/layout/DataPanel.js +101 -0
  470. package/dist/ssr/layout/DataPanel.js.map +1 -0
  471. package/dist/ssr/layout/DetailPanel.js +284 -0
  472. package/dist/ssr/layout/DetailPanel.js.map +1 -0
  473. package/dist/ssr/layout/Discussion.js +319 -0
  474. package/dist/ssr/layout/Discussion.js.map +1 -0
  475. package/dist/ssr/layout/FloatingWindow.js +259 -0
  476. package/dist/ssr/layout/FloatingWindow.js.map +1 -0
  477. package/dist/ssr/layout/PanelDialog.js +136 -0
  478. package/dist/ssr/layout/PanelDialog.js.map +1 -0
  479. package/dist/ssr/layout/PanelHeader.js +45 -0
  480. package/dist/ssr/layout/PanelHeader.js.map +1 -0
  481. package/dist/ssr/layout/Panes.js +678 -0
  482. package/dist/ssr/layout/Panes.js.map +1 -0
  483. package/dist/ssr/layout/ScrollArea.js +18 -0
  484. package/dist/ssr/layout/ScrollArea.js.map +1 -0
  485. package/dist/ssr/layout/Settings.js +219 -0
  486. package/dist/ssr/layout/Settings.js.map +1 -0
  487. package/dist/ssr/layout/SettingsCollection.js +150 -0
  488. package/dist/ssr/layout/SettingsCollection.js.map +1 -0
  489. package/dist/ssr/layout/SettingsModal.js +156 -0
  490. package/dist/ssr/layout/SettingsModal.js.map +1 -0
  491. package/dist/ssr/layout/app-workspace-controller.js +419 -0
  492. package/dist/ssr/layout/app-workspace-controller.js.map +1 -0
  493. package/dist/ssr/layout/app-workspace-state.js +125 -0
  494. package/dist/ssr/layout/app-workspace-state.js.map +1 -0
  495. package/dist/ssr/layout/floating-window-geometry.js +15 -0
  496. package/dist/ssr/layout/floating-window-geometry.js.map +1 -0
  497. package/dist/ssr/layout/index.js +17 -0
  498. package/dist/ssr/layout/index.js.map +1 -0
  499. package/dist/ssr/layout/panes-layout.js +436 -0
  500. package/dist/ssr/layout/panes-layout.js.map +1 -0
  501. package/dist/ssr/layout/stable-id.js +17 -0
  502. package/dist/ssr/layout/stable-id.js.map +1 -0
  503. package/dist/ssr/semantics.js +2 -0
  504. package/dist/ssr/semantics.js.map +1 -0
  505. package/dist/ssr/surfaces/Avatar.js +43 -0
  506. package/dist/ssr/surfaces/Avatar.js.map +1 -0
  507. package/dist/ssr/surfaces/DescriptionList.js +25 -0
  508. package/dist/ssr/surfaces/DescriptionList.js.map +1 -0
  509. package/dist/ssr/surfaces/LinkCard.js +25 -0
  510. package/dist/ssr/surfaces/LinkCard.js.map +1 -0
  511. package/dist/ssr/surfaces/NotFoundState.js +38 -0
  512. package/dist/ssr/surfaces/NotFoundState.js.map +1 -0
  513. package/dist/ssr/surfaces/NoticeCard.js +83 -0
  514. package/dist/ssr/surfaces/NoticeCard.js.map +1 -0
  515. package/dist/ssr/surfaces/Paper.js +32 -0
  516. package/dist/ssr/surfaces/Paper.js.map +1 -0
  517. package/dist/ssr/surfaces/Placeholder.js +76 -0
  518. package/dist/ssr/surfaces/Placeholder.js.map +1 -0
  519. package/dist/ssr/surfaces/ProgressBar.js +13 -0
  520. package/dist/ssr/surfaces/ProgressBar.js.map +1 -0
  521. package/dist/ssr/surfaces/StatCell.js +80 -0
  522. package/dist/ssr/surfaces/StatCell.js.map +1 -0
  523. package/dist/ssr/surfaces/StatGrid.js +62 -0
  524. package/dist/ssr/surfaces/StatGrid.js.map +1 -0
  525. package/dist/ssr/surfaces/StatusBadge.js +38 -0
  526. package/dist/ssr/surfaces/StatusBadge.js.map +1 -0
  527. package/dist/ssr/surfaces/Tag.js +32 -0
  528. package/dist/ssr/surfaces/Tag.js.map +1 -0
  529. package/dist/ssr/surfaces/index.js +13 -0
  530. package/dist/ssr/surfaces/index.js.map +1 -0
  531. package/dist/ssr/widgets/Widget.js +54 -0
  532. package/dist/ssr/widgets/Widget.js.map +1 -0
  533. package/dist/ssr/widgets/WidgetHero.js +23 -0
  534. package/dist/ssr/widgets/WidgetHero.js.map +1 -0
  535. package/dist/ssr/widgets/WidgetList.js +73 -0
  536. package/dist/ssr/widgets/WidgetList.js.map +1 -0
  537. package/dist/ssr/widgets/WidgetPills.js +40 -0
  538. package/dist/ssr/widgets/WidgetPills.js.map +1 -0
  539. package/dist/ssr/widgets/WidgetStat.js +45 -0
  540. package/dist/ssr/widgets/WidgetStat.js.map +1 -0
  541. package/dist/ssr/widgets/WidgetStatus.js +23 -0
  542. package/dist/ssr/widgets/WidgetStatus.js.map +1 -0
  543. package/dist/ssr/widgets/index.js +7 -0
  544. package/dist/ssr/widgets/index.js.map +1 -0
  545. package/dist/styles.css +1 -0
  546. package/dist/tabler-icons-q30jt7jk.woff2 +0 -0
  547. package/dist/tabler.css +4 -0
  548. package/package.json +77 -0
@@ -0,0 +1,203 @@
1
+ import { ssrElement as _$ssrElement } from "solid-js/web";
2
+ import { mergeProps as _$mergeProps } from "solid-js/web";
3
+ import { escape as _$escape } from "solid-js/web";
4
+ import { createComponent as _$createComponent } from "solid-js/web";
5
+ import { ssr as _$ssr } from "solid-js/web";
6
+ var _tmpl$ = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
7
+ _tmpl$2 = ["<span class=\"k2b-button__label\">", "</span>"];
8
+ import { Link } from "@k2b/ssr/nav";
9
+ import { Show, splitProps } from "solid-js";
10
+ import { Tooltip } from "../feedback/Tooltip";
11
+ const buttonClass = className => ["k2b-button", className].filter(Boolean).join(" ");
12
+ export function Button(props) {
13
+ const [local, rest] = splitProps(props, ["children", "class", "disabled", "loading", "loadingLabel", "ref", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "type", "variant"]);
14
+ let target;
15
+ const setRef = element => {
16
+ target = element;
17
+ if (typeof local.ref === "function") local.ref(element);
18
+ };
19
+ const control = _$ssrElement("button", _$mergeProps(rest, {
20
+ get type() {
21
+ return local.type ?? "button";
22
+ },
23
+ get ["class"]() {
24
+ return buttonClass(local.class);
25
+ },
26
+ get ["data-size"]() {
27
+ return local.size ?? "md";
28
+ },
29
+ get ["data-variant"]() {
30
+ return local.variant ?? "primary";
31
+ },
32
+ get disabled() {
33
+ return local.disabled || local.loading;
34
+ },
35
+ get ["aria-busy"]() {
36
+ return local.loading ? "true" : undefined;
37
+ }
38
+ }), [_$escape(_$createComponent(Show, {
39
+ get when() {
40
+ return local.loading;
41
+ },
42
+ get children() {
43
+ return _$ssr(_tmpl$);
44
+ }
45
+ })), _$ssr(_tmpl$2, _$escape(_$createComponent(Show, {
46
+ get when() {
47
+ return local.loading && local.loadingLabel;
48
+ },
49
+ get fallback() {
50
+ return local.children;
51
+ },
52
+ get children() {
53
+ return local.loadingLabel;
54
+ }
55
+ })))], false);
56
+ return [control, _$createComponent(Show, {
57
+ get when() {
58
+ return local.tooltip !== false && local.tooltip !== undefined;
59
+ },
60
+ get children() {
61
+ return _$createComponent(Tooltip, {
62
+ get content() {
63
+ return local.tooltip;
64
+ },
65
+ target: () => target,
66
+ get delay() {
67
+ return local.tooltipDelay;
68
+ },
69
+ get disabled() {
70
+ return local.disabled || local.loading;
71
+ },
72
+ get placement() {
73
+ return local.tooltipPlacement;
74
+ }
75
+ });
76
+ }
77
+ })];
78
+ }
79
+ export function ButtonLink(props) {
80
+ const [local, rest] = splitProps(props, ["children", "class", "href", "navigation", "onClick", "onNavigate", "replace", "ref", "scroll", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "variant"]);
81
+ let target;
82
+ const setRef = element => {
83
+ target = element;
84
+ if (typeof local.ref === "function") local.ref(element);
85
+ };
86
+ const className = buttonClass(local.class);
87
+ const content = _$ssr(_tmpl$2, _$escape(local.children));
88
+ const tooltip = () => _$createComponent(Show, {
89
+ get when() {
90
+ return local.tooltip !== false && local.tooltip !== undefined;
91
+ },
92
+ get children() {
93
+ return _$createComponent(Tooltip, {
94
+ get content() {
95
+ return local.tooltip;
96
+ },
97
+ target: () => target,
98
+ get delay() {
99
+ return local.tooltipDelay;
100
+ },
101
+ get placement() {
102
+ return local.tooltipPlacement;
103
+ }
104
+ });
105
+ }
106
+ });
107
+ if (local.navigation === "enhanced" && local.href && local.onNavigate) {
108
+ return [_$createComponent(Link, _$mergeProps(rest, {
109
+ get href() {
110
+ return local.href;
111
+ },
112
+ "class": className,
113
+ get ["data-size"]() {
114
+ return local.size ?? "md";
115
+ },
116
+ get ["data-variant"]() {
117
+ return local.variant ?? "primary";
118
+ },
119
+ get onClick() {
120
+ return local.onClick;
121
+ },
122
+ get onNavigate() {
123
+ return local.onNavigate;
124
+ },
125
+ get replace() {
126
+ return local.replace;
127
+ },
128
+ get scroll() {
129
+ return local.scroll;
130
+ },
131
+ children: content
132
+ })), tooltip()];
133
+ }
134
+ return [_$ssrElement("a", _$mergeProps(rest, {
135
+ get href() {
136
+ return local.href;
137
+ },
138
+ "class": className,
139
+ get ["data-size"]() {
140
+ return local.size ?? "md";
141
+ },
142
+ get ["data-variant"]() {
143
+ return local.variant ?? "primary";
144
+ }
145
+ }), _$escape(content), false), tooltip()];
146
+ }
147
+ export function IconButton(props) {
148
+ const [local, rest] = splitProps(props, ["children", "class", "label", "loading", "loadingLabel", "tooltip", "variant"]);
149
+ return _$createComponent(Button, _$mergeProps(rest, {
150
+ get loading() {
151
+ return local.loading;
152
+ },
153
+ get variant() {
154
+ return local.variant ?? "ghost";
155
+ },
156
+ get ["class"]() {
157
+ return `k2b-icon-button ${local.class ?? ""}`;
158
+ },
159
+ get ["aria-label"]() {
160
+ return local.loading ? local.loadingLabel ?? local.label : local.label;
161
+ },
162
+ get title() {
163
+ return rest.title ?? (local.tooltip === undefined ? local.label : undefined);
164
+ },
165
+ get tooltip() {
166
+ return local.tooltip;
167
+ },
168
+ get children() {
169
+ return _$createComponent(Show, {
170
+ get when() {
171
+ return !local.loading;
172
+ },
173
+ get children() {
174
+ return local.children;
175
+ }
176
+ });
177
+ }
178
+ }));
179
+ }
180
+ export function IconButtonLink(props) {
181
+ const [local, rest] = splitProps(props, ["children", "class", "label", "tooltip", "variant"]);
182
+ return _$createComponent(ButtonLink, _$mergeProps(rest, {
183
+ get variant() {
184
+ return local.variant ?? "ghost";
185
+ },
186
+ get ["class"]() {
187
+ return `k2b-icon-button ${local.class ?? ""}`;
188
+ },
189
+ get ["aria-label"]() {
190
+ return local.label;
191
+ },
192
+ get title() {
193
+ return rest.title ?? (local.tooltip === undefined ? local.label : undefined);
194
+ },
195
+ get tooltip() {
196
+ return local.tooltip;
197
+ },
198
+ get children() {
199
+ return local.children;
200
+ }
201
+ }));
202
+ }
203
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Link","Show","splitProps","Tooltip","buttonClass","className","filter","Boolean","join","Button","props","local","rest","target","setRef","element","ref","control","_$ssrElement","_$mergeProps","type","class","data-size","size","data-variant","variant","disabled","loading","aria-busy","undefined","_$escape","_$createComponent","when","children","_$ssr","_tmpl$","_tmpl$2","loadingLabel","fallback","tooltip","content","delay","tooltipDelay","placement","tooltipPlacement","ButtonLink","navigation","href","onNavigate","onClick","replace","scroll","IconButton","aria-label","label","title","IconButtonLink"],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { Tooltip, type TooltipPlacement } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"text\" | \"subtle\" | \"input\" | \"warning\" | \"danger\" | \"success\" | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean;\n loadingLabel?: string;\n size?: ButtonSize;\n variant?: ButtonVariant;\n tooltip?: JSX.Element | false;\n tooltipDelay?: number;\n tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n navigation?: \"document\" | \"enhanced\";\n onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n replace?: boolean;\n scroll?: NavigationScrollMode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n tooltip?: JSX.Element | false;\n tooltipDelay?: number;\n tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n const [local, rest] = splitProps(props, [\n \"children\",\n \"class\",\n \"disabled\",\n \"loading\",\n \"loadingLabel\",\n \"ref\",\n \"size\",\n \"tooltip\",\n \"tooltipDelay\",\n \"tooltipPlacement\",\n \"type\",\n \"variant\",\n ]);\n let target: HTMLButtonElement | undefined;\n const setRef = (element: HTMLButtonElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n\n const control = (\n <button\n {...rest}\n ref={setRef}\n type={local.type ?? \"button\"}\n class={buttonClass(local.class)}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n disabled={local.disabled || local.loading}\n aria-busy={local.loading ? \"true\" : undefined}\n >\n <Show when={local.loading}>\n <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n </Show>\n <span class=\"k2b-button__label\">\n <Show when={local.loading && local.loadingLabel} fallback={local.children}>\n {local.loadingLabel}\n </Show>\n </span>\n </button>\n );\n\n return (\n <>\n {control}\n <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n <Tooltip\n content={local.tooltip as JSX.Element}\n target={() => target}\n delay={local.tooltipDelay}\n disabled={local.disabled || local.loading}\n placement={local.tooltipPlacement}\n />\n </Show>\n </>\n );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\n \"children\",\n \"class\",\n \"href\",\n \"navigation\",\n \"onClick\",\n \"onNavigate\",\n \"replace\",\n \"ref\",\n \"scroll\",\n \"size\",\n \"tooltip\",\n \"tooltipDelay\",\n \"tooltipPlacement\",\n \"variant\",\n ]);\n let target: HTMLAnchorElement | undefined;\n const setRef = (element: HTMLAnchorElement) => {\n target = element;\n if (typeof local.ref === \"function\") local.ref(element);\n };\n const className = buttonClass(local.class);\n const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n const tooltip = () => (\n <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n </Show>\n );\n\n if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n return (\n <>\n <Link\n {...rest}\n ref={setRef}\n href={local.href}\n class={className}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n onClick={local.onClick}\n onNavigate={local.onNavigate}\n replace={local.replace}\n scroll={local.scroll}\n >\n {content}\n </Link>\n {tooltip()}\n </>\n );\n }\n\n return (\n <>\n <a\n {...rest}\n ref={setRef}\n href={local.href}\n class={className}\n data-size={local.size ?? \"md\"}\n data-variant={local.variant ?? \"primary\"}\n onClick={local.onClick}\n >\n {content}\n </a>\n {tooltip()}\n </>\n );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n children: JSX.Element;\n label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n children: JSX.Element;\n label: string;\n};\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"loading\", \"loadingLabel\", \"tooltip\", \"variant\"]);\n\n return (\n <Button\n {...rest}\n loading={local.loading}\n variant={local.variant ?? \"ghost\"}\n class={`k2b-icon-button ${local.class ?? \"\"}`}\n aria-label={local.loading ? (local.loadingLabel ?? local.label) : local.label}\n title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n tooltip={local.tooltip}\n >\n <Show when={!local.loading}>{local.children}</Show>\n </Button>\n );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"tooltip\", \"variant\"]);\n\n return (\n <ButtonLink\n {...rest}\n variant={local.variant ?? \"ghost\"}\n class={`k2b-icon-button ${local.class ?? \"\"}`}\n aria-label={local.label}\n title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n tooltip={local.tooltip}\n >\n {local.children}\n </ButtonLink>\n );\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,128 @@
1
+ import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
2
+ import { createComponent as _$createComponent } from "solid-js/web";
3
+ import { ssr as _$ssr } from "solid-js/web";
4
+ import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
5
+ import { escape as _$escape } from "solid-js/web";
6
+ var _tmpl$ = ["<div", " role=\"group\"", " aria-haspopup=\"menu\"", ">", "</div>"],
7
+ _tmpl$2 = ["<div", " class=\"k2b-ui k2b-context-menu\" role=\"menu\"", " style=\"", "\">", "</div>"];
8
+ import { createMemo, createSignal, createUniqueId, onCleanup, onMount, Show } from "solid-js";
9
+ import { Portal } from "solid-js/web";
10
+ import { useUiMessages } from "../intl/messages";
11
+ import { DropdownItems, dropdownPosition } from "./Dropdown";
12
+ let closeActiveContextMenu;
13
+ const focusableItems = menu => menu ? Array.from(menu.querySelectorAll(["[role='menuitem']:not([aria-disabled='true'])", "[role='menuitemcheckbox']:not([aria-disabled='true'])", "[role='menuitemradio']:not([aria-disabled='true'])"].join(", "))) : [];
14
+
15
+ /** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */
16
+ export function ContextMenu(props) {
17
+ const messages = useUiMessages();
18
+ const generatedId = `k2b-context-${createUniqueId()}`;
19
+ const menuId = `${generatedId}-menu`;
20
+ const [position, setPosition] = createSignal();
21
+ let host;
22
+ let menu;
23
+ let listenersAttached = false;
24
+ const isOpen = () => position() !== undefined;
25
+ const hostClass = createMemo(() => typeof props.class === "function" ? props.class(isOpen()) : props.class);
26
+ const items = createMemo(() => props.items);
27
+ const dismiss = event => {
28
+ if (menu?.contains(event.target)) return;
29
+ close();
30
+ };
31
+ const closeOnViewportChange = event => {
32
+ const target = event.target;
33
+ if (target instanceof Node && menu?.contains(target)) return;
34
+ close();
35
+ };
36
+ const attachOpenListeners = () => {
37
+ if (listenersAttached) return;
38
+ listenersAttached = true;
39
+ document.addEventListener("pointerdown", dismiss);
40
+ document.addEventListener("keydown", keyDown);
41
+ window.addEventListener("resize", closeOnViewportChange);
42
+ window.addEventListener("scroll", closeOnViewportChange, true);
43
+ };
44
+ const detachOpenListeners = () => {
45
+ if (!listenersAttached) return;
46
+ listenersAttached = false;
47
+ document.removeEventListener("pointerdown", dismiss);
48
+ document.removeEventListener("keydown", keyDown);
49
+ window.removeEventListener("resize", closeOnViewportChange);
50
+ window.removeEventListener("scroll", closeOnViewportChange, true);
51
+ };
52
+ const close = () => {
53
+ detachOpenListeners();
54
+ if (!isOpen()) return;
55
+ setPosition();
56
+ if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;
57
+ props.onClose?.();
58
+ };
59
+ const focusItem = index => {
60
+ const items = focusableItems(menu);
61
+ if (items.length === 0) return;
62
+ items[(index + items.length) % items.length]?.focus();
63
+ };
64
+ const open = (x, y) => {
65
+ if (props.disabled) return;
66
+ closeActiveContextMenu?.();
67
+ const point = dropdownPosition(new DOMRect(x, y, 0, 0),
68
+ // Matches the fixed 13rem `.k2b-context-menu` surface (border-box).
69
+ {
70
+ width: 208,
71
+ height: Math.min(items().length * 38 + 12, 384)
72
+ }, "bottom-right", {
73
+ width: window.innerWidth,
74
+ height: window.innerHeight
75
+ }, 0);
76
+ setPosition({
77
+ x: point.left,
78
+ y: point.top
79
+ });
80
+ closeActiveContextMenu = close;
81
+ attachOpenListeners();
82
+ props.onOpen?.();
83
+ queueMicrotask(() => {
84
+ focusItem(0);
85
+ });
86
+ };
87
+ const keyDown = event => {
88
+ if (!isOpen()) return;
89
+ const items = focusableItems(menu);
90
+ const current = items.indexOf(document.activeElement);
91
+ if (event.key === "ArrowDown" || event.key === "ArrowUp") {
92
+ event.preventDefault();
93
+ focusItem(current + (event.key === "ArrowDown" ? 1 : -1));
94
+ } else if (event.key === "Home" || event.key === "End") {
95
+ event.preventDefault();
96
+ focusItem(event.key === "Home" ? 0 : -1);
97
+ } else if (event.key === "Escape") {
98
+ event.preventDefault();
99
+ close();
100
+ host?.focus();
101
+ } else if (event.key === "Tab") {
102
+ close();
103
+ }
104
+ };
105
+ onMount(() => {
106
+ onCleanup(() => {
107
+ detachOpenListeners();
108
+ if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;
109
+ });
110
+ });
111
+ return [_$ssr(_tmpl$, _$ssrAttribute("id", _$escape(props.id ?? generatedId, true), false) + _$ssrAttribute("class", _$escape(hostClass(), true), false), _$ssrAttribute("tabindex", props.disabled ? _$escape(undefined, true) : _$escape(props.tabIndex ?? 0, true), false) + _$ssrAttribute("aria-label", _$escape(props.label ?? messages().contextMenu, true), false), _$ssrAttribute("aria-expanded", _$escape(isOpen(), true), false) + _$ssrAttribute("aria-controls", isOpen() ? _$escape(menuId, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(props.children)), _$createComponent(Show, {
112
+ get when() {
113
+ return position();
114
+ },
115
+ children: point => _$createComponent(Portal, {
116
+ get children() {
117
+ return _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(menuId, true), false), _$ssrAttribute("aria-label", _$escape(props.label ?? messages().contextMenu, true), false), _$ssrStyleProperty("left:", `${_$escape(point().x, true)}px`) + _$ssrStyleProperty(";top:", `${_$escape(point().y, true)}px`), _$escape(_$createComponent(DropdownItems, {
118
+ get items() {
119
+ return items();
120
+ },
121
+ close: close
122
+ })));
123
+ }
124
+ })
125
+ })];
126
+ }
127
+ export default ContextMenu;
128
+ //# sourceMappingURL=ContextMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createMemo","createSignal","createUniqueId","onCleanup","onMount","Show","Portal","useUiMessages","DropdownItems","dropdownPosition","closeActiveContextMenu","focusableItems","menu","Array","from","querySelectorAll","join","ContextMenu","props","messages","generatedId","menuId","position","setPosition","host","listenersAttached","isOpen","undefined","hostClass","class","items","dismiss","event","contains","target","close","closeOnViewportChange","Node","attachOpenListeners","document","addEventListener","keyDown","window","detachOpenListeners","removeEventListener","onClose","focusItem","index","length","focus","open","x","y","disabled","point","DOMRect","width","height","Math","min","innerWidth","innerHeight","left","top","onOpen","queueMicrotask","current","indexOf","activeElement","key","preventDefault","_$ssr","_tmpl$","_$ssrAttribute","_$escape","id","tabIndex","label","contextMenu","children","_$createComponent","when","_tmpl$2","_$ssrStyleProperty"],"sources":["actions/ContextMenu.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { type DropdownItem, DropdownItems, type DropdownPosition, dropdownPosition } from \"./Dropdown\";\n\nexport type ContextMenuProps = {\n items: readonly DropdownItem[];\n children: JSX.Element;\n class?: string | ((isOpen: boolean) => string);\n /** Tab order of the context-menu host. Descendant-focused composite widgets use -1. */\n tabIndex?: number;\n disabled?: boolean;\n onClose?: () => void;\n onOpen?: () => void;\n id?: string;\n label?: string;\n};\n\nlet closeActiveContextMenu: (() => void) | undefined;\n\nconst focusableItems = (menu: HTMLElement | undefined): HTMLElement[] =>\n menu\n ? Array.from(\n menu.querySelectorAll<HTMLElement>(\n [\n \"[role='menuitem']:not([aria-disabled='true'])\",\n \"[role='menuitemcheckbox']:not([aria-disabled='true'])\",\n \"[role='menuitemradio']:not([aria-disabled='true'])\",\n ].join(\", \"),\n ),\n )\n : [];\n\n/** Right-click menu with keyboard invocation, one-open-at-a-time behavior, and viewport clamping. */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n const messages = useUiMessages();\n const generatedId = `k2b-context-${createUniqueId()}`;\n const menuId = `${generatedId}-menu`;\n const [position, setPosition] = createSignal<{ x: number; y: number }>();\n let host: HTMLDivElement | undefined;\n let menu: HTMLDivElement | undefined;\n let listenersAttached = false;\n\n const isOpen = () => position() !== undefined;\n const hostClass = createMemo(() => (typeof props.class === \"function\" ? props.class(isOpen()) : props.class));\n const items = createMemo<readonly DropdownItem[]>(() => props.items);\n\n const dismiss = (event: PointerEvent) => {\n if (menu?.contains(event.target as Node)) return;\n close();\n };\n const closeOnViewportChange = (event: Event) => {\n const target = event.target;\n if (target instanceof Node && menu?.contains(target)) return;\n close();\n };\n const attachOpenListeners = () => {\n if (listenersAttached) return;\n listenersAttached = true;\n document.addEventListener(\"pointerdown\", dismiss);\n document.addEventListener(\"keydown\", keyDown);\n window.addEventListener(\"resize\", closeOnViewportChange);\n window.addEventListener(\"scroll\", closeOnViewportChange, true);\n };\n const detachOpenListeners = () => {\n if (!listenersAttached) return;\n listenersAttached = false;\n document.removeEventListener(\"pointerdown\", dismiss);\n document.removeEventListener(\"keydown\", keyDown);\n window.removeEventListener(\"resize\", closeOnViewportChange);\n window.removeEventListener(\"scroll\", closeOnViewportChange, true);\n };\n const close = () => {\n detachOpenListeners();\n if (!isOpen()) return;\n setPosition();\n if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n props.onClose?.();\n };\n const focusItem = (index: number) => {\n const items = focusableItems(menu);\n if (items.length === 0) return;\n items[(index + items.length) % items.length]?.focus();\n };\n const open = (x: number, y: number) => {\n if (props.disabled) return;\n closeActiveContextMenu?.();\n const point = dropdownPosition(\n new DOMRect(x, y, 0, 0),\n // Matches the fixed 13rem `.k2b-context-menu` surface (border-box).\n { width: 208, height: Math.min(items().length * 38 + 12, 384) },\n \"bottom-right\" satisfies DropdownPosition,\n { width: window.innerWidth, height: window.innerHeight },\n 0,\n );\n setPosition({ x: point.left, y: point.top });\n closeActiveContextMenu = close;\n attachOpenListeners();\n props.onOpen?.();\n queueMicrotask(() => {\n focusItem(0);\n });\n };\n const keyDown = (event: KeyboardEvent) => {\n if (!isOpen()) return;\n const items = focusableItems(menu);\n const current = items.indexOf(document.activeElement as HTMLElement);\n if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n focusItem(current + (event.key === \"ArrowDown\" ? 1 : -1));\n } else if (event.key === \"Home\" || event.key === \"End\") {\n event.preventDefault();\n focusItem(event.key === \"Home\" ? 0 : -1);\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n close();\n host?.focus();\n } else if (event.key === \"Tab\") {\n close();\n }\n };\n\n onMount(() => {\n onCleanup(() => {\n detachOpenListeners();\n if (closeActiveContextMenu === close) closeActiveContextMenu = undefined;\n });\n });\n\n return (\n <>\n {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: the named group owns the context-menu relationship without pretending arbitrary children form one button. */}\n <div\n ref={host}\n id={props.id ?? generatedId}\n class={hostClass()}\n role=\"group\"\n tabIndex={props.disabled ? undefined : (props.tabIndex ?? 0)}\n aria-label={props.label ?? messages().contextMenu}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen()}\n aria-controls={isOpen() ? menuId : undefined}\n aria-disabled={props.disabled ? \"true\" : undefined}\n onContextMenu={(event) => {\n if (props.disabled) return;\n event.preventDefault();\n event.stopPropagation();\n open(event.clientX, event.clientY);\n }}\n onKeyDown={(event) => {\n if (props.disabled || (event.key !== \"ContextMenu\" && !(event.shiftKey && event.key === \"F10\"))) return;\n event.preventDefault();\n const rect = host?.getBoundingClientRect();\n if (rect) open(rect.left + 12, rect.top + 12);\n }}\n >\n {props.children}\n </div>\n <Show when={position()}>\n {(point) => (\n <Portal>\n <div\n ref={menu}\n id={menuId}\n class=\"k2b-ui k2b-context-menu\"\n role=\"menu\"\n aria-label={props.label ?? messages().contextMenu}\n style={{ left: `${point().x}px`, top: `${point().y}px` }}\n onPointerDown={(event) => event.stopPropagation()}\n >\n <DropdownItems items={items()} close={close} />\n </div>\n </Portal>\n )}\n </Show>\n </>\n );\n}\n\nexport default ContextMenu;\n"],"mappings":";;;;;;;AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,cAAc,EAAYC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,UAAU;AACvG,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAA4BC,aAAa,EAAyBC,gBAAgB,QAAQ,YAAY;AAetG,IAAIC,sBAAgD;AAEpD,MAAMC,cAAc,GAAIC,IAA6B,IACnDA,IAAI,GACAC,KAAK,CAACC,IAAI,CACRF,IAAI,CAACG,gBAAgB,CACnB,CACE,+CAA+C,EAC/C,uDAAuD,EACvD,oDAAoD,CACrD,CAACC,IAAI,CAAC,IAAI,CACb,CACF,CAAC,GACD,EAAE;;AAER;AACA,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAe;EAChE,MAAMC,QAAQ,GAAGZ,aAAa,CAAC,CAAC;EAChC,MAAMa,WAAW,GAAG,eAAelB,cAAc,CAAC,CAAC,EAAE;EACrD,MAAMmB,MAAM,GAAG,GAAGD,WAAW,OAAO;EACpC,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGtB,YAAY,CAA2B,CAAC;EACxE,IAAIuB,IAAgC;EACpC,IAAIZ,IAAgC;EACpC,IAAIa,iBAAiB,GAAG,KAAK;EAE7B,MAAMC,MAAM,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,KAAKK,SAAS;EAC7C,MAAMC,SAAS,GAAG5B,UAAU,CAAC,MAAO,OAAOkB,KAAK,CAACW,KAAK,KAAK,UAAU,GAAGX,KAAK,CAACW,KAAK,CAACH,MAAM,CAAC,CAAC,CAAC,GAAGR,KAAK,CAACW,KAAM,CAAC;EAC7G,MAAMC,KAAK,GAAG9B,UAAU,CAA0B,MAAMkB,KAAK,CAACY,KAAK,CAAC;EAEpE,MAAMC,OAAO,GAAIC,KAAmB,IAAK;IACvC,IAAIpB,IAAI,EAAEqB,QAAQ,CAACD,KAAK,CAACE,MAAc,CAAC,EAAE;IAC1CC,KAAK,CAAC,CAAC;EACT,CAAC;EACD,MAAMC,qBAAqB,GAAIJ,KAAY,IAAK;IAC9C,MAAME,MAAM,GAAGF,KAAK,CAACE,MAAM;IAC3B,IAAIA,MAAM,YAAYG,IAAI,IAAIzB,IAAI,EAAEqB,QAAQ,CAACC,MAAM,CAAC,EAAE;IACtDC,KAAK,CAAC,CAAC;EACT,CAAC;EACD,MAAMG,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIb,iBAAiB,EAAE;IACvBA,iBAAiB,GAAG,IAAI;IACxBc,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAET,OAAO,CAAC;IACjDQ,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEC,OAAO,CAAC;IAC7CC,MAAM,CAACF,gBAAgB,CAAC,QAAQ,EAAEJ,qBAAqB,CAAC;IACxDM,MAAM,CAACF,gBAAgB,CAAC,QAAQ,EAAEJ,qBAAqB,EAAE,IAAI,CAAC;EAChE,CAAC;EACD,MAAMO,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAI,CAAClB,iBAAiB,EAAE;IACxBA,iBAAiB,GAAG,KAAK;IACzBc,QAAQ,CAACK,mBAAmB,CAAC,aAAa,EAAEb,OAAO,CAAC;IACpDQ,QAAQ,CAACK,mBAAmB,CAAC,SAAS,EAAEH,OAAO,CAAC;IAChDC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAER,qBAAqB,CAAC;IAC3DM,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAER,qBAAqB,EAAE,IAAI,CAAC;EACnE,CAAC;EACD,MAAMD,KAAK,GAAGA,CAAA,KAAM;IAClBQ,mBAAmB,CAAC,CAAC;IACrB,IAAI,CAACjB,MAAM,CAAC,CAAC,EAAE;IACfH,WAAW,CAAC,CAAC;IACb,IAAIb,sBAAsB,KAAKyB,KAAK,EAAEzB,sBAAsB,GAAGiB,SAAS;IACxET,KAAK,CAAC2B,OAAO,GAAG,CAAC;EACnB,CAAC;EACD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnC,MAAMjB,KAAK,GAAGnB,cAAc,CAACC,IAAI,CAAC;IAClC,IAAIkB,KAAK,CAACkB,MAAM,KAAK,CAAC,EAAE;IACxBlB,KAAK,CAAC,CAACiB,KAAK,GAAGjB,KAAK,CAACkB,MAAM,IAAIlB,KAAK,CAACkB,MAAM,CAAC,EAAEC,KAAK,CAAC,CAAC;EACvD,CAAC;EACD,MAAMC,IAAI,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IACrC,IAAIlC,KAAK,CAACmC,QAAQ,EAAE;IACpB3C,sBAAsB,GAAG,CAAC;IAC1B,MAAM4C,KAAK,GAAG7C,gBAAgB,CAC5B,IAAI8C,OAAO,CAACJ,CAAC,EAAEC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACvB;IACA;MAAEI,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC7B,KAAK,CAAC,CAAC,CAACkB,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,GAAG;IAAE,CAAC,EAC/D,cAAc,EACd;MAAEQ,KAAK,EAAEd,MAAM,CAACkB,UAAU;MAAEH,MAAM,EAAEf,MAAM,CAACmB;IAAY,CAAC,EACxD,CACF,CAAC;IACDtC,WAAW,CAAC;MAAE4B,CAAC,EAAEG,KAAK,CAACQ,IAAI;MAAEV,CAAC,EAAEE,KAAK,CAACS;IAAI,CAAC,CAAC;IAC5CrD,sBAAsB,GAAGyB,KAAK;IAC9BG,mBAAmB,CAAC,CAAC;IACrBpB,KAAK,CAAC8C,MAAM,GAAG,CAAC;IAChBC,cAAc,CAAC,MAAM;MACnBnB,SAAS,CAAC,CAAC,CAAC;IACd,CAAC,CAAC;EACJ,CAAC;EACD,MAAML,OAAO,GAAIT,KAAoB,IAAK;IACxC,IAAI,CAACN,MAAM,CAAC,CAAC,EAAE;IACf,MAAMI,KAAK,GAAGnB,cAAc,CAACC,IAAI,CAAC;IAClC,MAAMsD,OAAO,GAAGpC,KAAK,CAACqC,OAAO,CAAC5B,QAAQ,CAAC6B,aAA4B,CAAC;IACpE,IAAIpC,KAAK,CAACqC,GAAG,KAAK,WAAW,IAAIrC,KAAK,CAACqC,GAAG,KAAK,SAAS,EAAE;MACxDrC,KAAK,CAACsC,cAAc,CAAC,CAAC;MACtBxB,SAAS,CAACoB,OAAO,IAAIlC,KAAK,CAACqC,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,MAAM,IAAIrC,KAAK,CAACqC,GAAG,KAAK,MAAM,IAAIrC,KAAK,CAACqC,GAAG,KAAK,KAAK,EAAE;MACtDrC,KAAK,CAACsC,cAAc,CAAC,CAAC;MACtBxB,SAAS,CAACd,KAAK,CAACqC,GAAG,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,CAAC,MAAM,IAAIrC,KAAK,CAACqC,GAAG,KAAK,QAAQ,EAAE;MACjCrC,KAAK,CAACsC,cAAc,CAAC,CAAC;MACtBnC,KAAK,CAAC,CAAC;MACPX,IAAI,EAAEyB,KAAK,CAAC,CAAC;IACf,CAAC,MAAM,IAAIjB,KAAK,CAACqC,GAAG,KAAK,KAAK,EAAE;MAC9BlC,KAAK,CAAC,CAAC;IACT;EACF,CAAC;EAED/B,OAAO,CAAC,MAAM;IACZD,SAAS,CAAC,MAAM;MACdwC,mBAAmB,CAAC,CAAC;MACrB,IAAIjC,sBAAsB,KAAKyB,KAAK,EAAEzB,sBAAsB,GAAGiB,SAAS;IAC1E,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,QAAA4C,KAAA,CAAAC,MAAA,EAAAC,cAAA,OAAAC,QAAA,CAKUxD,KAAK,CAACyD,EAAE,IAAIvD,WAAW,kBAAAqD,cAAA,UAAAC,QAAA,CACpB9C,SAAS,CAAC,CAAC,iBAAA6C,cAAA,aAERvD,KAAK,CAACmC,QAAQ,GAAAqB,QAAA,CAAG/C,SAAS,UAAA+C,QAAA,CAAIxD,KAAK,CAAC0D,QAAQ,IAAI,CAAC,OAAC,WAAAH,cAAA,eAAAC,QAAA,CAChDxD,KAAK,CAAC2D,KAAK,IAAI1D,QAAQ,CAAC,CAAC,CAAC2D,WAAW,iBAAAL,cAAA,kBAAAC,QAAA,CAElChD,MAAM,CAAC,CAAC,kBAAA+C,cAAA,kBACR/C,MAAM,CAAC,CAAC,GAAAgD,QAAA,CAAGrD,MAAM,UAAAqD,QAAA,CAAG/C,SAAS,kBAAA8C,cAAA,kBAC7BvD,KAAK,CAACmC,QAAQ,GAAG,MAAM,GAAAqB,QAAA,CAAG/C,SAAS,iBAAA+C,QAAA,CAcjDxD,KAAK,CAAC6D,QAAQ,IAAAC,iBAAA,CAEhB3E,IAAI;IAAA,IAAC4E,IAAIA,CAAA;MAAA,OAAE3D,QAAQ,CAAC,CAAC;IAAA;IAAAyD,QAAA,EAClBzB,KAAK,IAAA0B,iBAAA,CACJ1E,MAAM;MAAA,IAAAyE,SAAA;QAAA,OAAAR,KAAA,CAAAW,OAAA,EAAAT,cAAA,OAAAC,QAAA,CAGCrD,MAAM,iBAAAoD,cAAA,eAAAC,QAAA,CAGExD,KAAK,CAAC2D,KAAK,IAAI1D,QAAQ,CAAC,CAAC,CAAC2D,WAAW,iBAAAK,kBAAA,UAClC,GAAAT,QAAA,CAAGpB,KAAK,CAAC,CAAC,CAACH,CAAC,WAAI,IAAAgC,kBAAA,UAAO,GAAAT,QAAA,CAAGpB,KAAK,CAAC,CAAC,CAACF,CAAC,WAAI,GAAAsB,QAAA,CAAAM,iBAAA,CAGrDxE,aAAa;UAAA,IAACsB,KAAKA,CAAA;YAAA,OAAEA,KAAK,CAAC,CAAC;UAAA;UAAEK,KAAK,EAAEA;QAAK;MAAA;IAAA;EAGhD;AAIT;AAEA,eAAelB,WAAW","ignoreList":[]}
@@ -0,0 +1,79 @@
1
+ import { createComponent as _$createComponent } from "solid-js/web";
2
+ import { mergeProps as _$mergeProps } from "solid-js/web";
3
+ import { ssr as _$ssr } from "solid-js/web";
4
+ import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
5
+ import { escape as _$escape } from "solid-js/web";
6
+ var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
7
+ _tmpl$2 = ["<span>", "</span>"],
8
+ _tmpl$3 = ["<span class=\"k2b-sr-only\" aria-live=\"polite\">", "</span>"];
9
+ import { copyToClipboard } from "@k2b/stdlib/browser";
10
+ import { createSignal, onCleanup, splitProps } from "solid-js";
11
+ import { useUiMessages } from "../intl/messages";
12
+ import { Button } from "./Button";
13
+ export async function copyText(text, onCopyError, copy = copyToClipboard) {
14
+ try {
15
+ await copy(text);
16
+ } catch (error) {
17
+ onCopyError?.(error);
18
+ throw error;
19
+ }
20
+ }
21
+ export function CopyButton(props) {
22
+ const messages = useUiMessages();
23
+ const [local, rest] = splitProps(props, ["class", "copiedLabel", "disabled", "iconOnly", "label", "loading", "loadingLabel", "onCopied", "onCopyError", "resetAfter", "size", "text", "type", "value", "variant"]);
24
+ const [copied, setCopied] = createSignal(false);
25
+ let resetTimer;
26
+ onCleanup(() => {
27
+ if (resetTimer) clearTimeout(resetTimer);
28
+ });
29
+ const copy = async () => {
30
+ // `copyText` reports through `onCopyError` and then rethrows so direct
31
+ // callers can await it. The click handler is not awaited by anyone, so it
32
+ // has to absorb the rejection here — otherwise a denied clipboard
33
+ // permission surfaces as an unhandled rejection despite `onCopyError`.
34
+ try {
35
+ await copyText(local.text ?? local.value ?? "", local.onCopyError);
36
+ } catch {
37
+ return;
38
+ }
39
+ setCopied(true);
40
+ local.onCopied?.();
41
+ if (resetTimer) clearTimeout(resetTimer);
42
+ resetTimer = setTimeout(() => setCopied(false), local.resetAfter ?? 2000);
43
+ };
44
+ const visibleLabel = () => copied() ? local.copiedLabel ?? messages().copied : local.label ?? messages().copy;
45
+ const icon = () => copied() ? "ti ti-check" : "ti ti-copy";
46
+ const iconOnly = () => local.iconOnly ?? local.label === undefined;
47
+ const buttonLabel = () => local.loading && local.loadingLabel ? local.loadingLabel : visibleLabel();
48
+ const button = tooltip => _$createComponent(Button, _$mergeProps(rest, {
49
+ tooltip: tooltip,
50
+ get disabled() {
51
+ return local.disabled || local.loading;
52
+ },
53
+ get type() {
54
+ return local.type ?? "button";
55
+ },
56
+ get ["class"]() {
57
+ return `k2b-copy-button ${local.class ?? ""}`;
58
+ },
59
+ get size() {
60
+ return local.size ?? "sm";
61
+ },
62
+ get variant() {
63
+ return local.variant ?? "ghost";
64
+ },
65
+ get ["aria-busy"]() {
66
+ return local.loading ? "true" : undefined;
67
+ },
68
+ get ["aria-label"]() {
69
+ return iconOnly() ? buttonLabel() : undefined;
70
+ },
71
+ onClick: copy,
72
+ get children() {
73
+ return [_$ssr(_tmpl$, _$ssrAttribute("class", local.loading ? "ti ti-loader-2 k2b-spin" : _$escape(icon(), true), false)), !iconOnly() && _$ssr(_tmpl$2, _$escape(buttonLabel()))];
74
+ }
75
+ }));
76
+ return iconOnly() ? [button(visibleLabel()), _$ssr(_tmpl$3, copied() ? _$escape(visibleLabel()) : "")] : button(undefined);
77
+ }
78
+ export default CopyButton;
79
+ //# sourceMappingURL=CopyButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["copyToClipboard","createSignal","onCleanup","splitProps","useUiMessages","Button","copyText","text","onCopyError","copy","error","CopyButton","props","messages","local","rest","copied","setCopied","resetTimer","clearTimeout","value","onCopied","setTimeout","resetAfter","visibleLabel","copiedLabel","label","icon","iconOnly","undefined","buttonLabel","loading","loadingLabel","button","tooltip","_$createComponent","_$mergeProps","disabled","type","class","size","variant","aria-busy","aria-label","onClick","children","_$ssr","_tmpl$","_$ssrAttribute","_$escape","_tmpl$2","_tmpl$3"],"sources":["actions/CopyButton.tsx"],"sourcesContent":["import { copyToClipboard } from \"@k2b/stdlib/browser\";\nimport { createSignal, type JSX, onCleanup, splitProps } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Button, type ButtonProps } from \"./Button\";\n\nexport type CopyButtonValue = { text: string; value?: string } | { text?: string; value: string };\n\nexport type CopyButtonProps = CopyButtonValue &\n Omit<ButtonProps, \"children\" | \"onClick\"> & {\n label?: string;\n copiedLabel?: string;\n iconOnly?: boolean;\n onCopied?: () => void;\n onCopyError?: (error: unknown) => void;\n resetAfter?: number;\n };\n\nexport async function copyText(\n text: string,\n onCopyError?: (error: unknown) => void,\n copy: (text: string) => Promise<void> = copyToClipboard,\n): Promise<void> {\n try {\n await copy(text);\n } catch (error) {\n onCopyError?.(error);\n throw error;\n }\n}\n\nexport function CopyButton(props: CopyButtonProps): JSX.Element {\n const messages = useUiMessages();\n const [local, rest] = splitProps(props, [\n \"class\",\n \"copiedLabel\",\n \"disabled\",\n \"iconOnly\",\n \"label\",\n \"loading\",\n \"loadingLabel\",\n \"onCopied\",\n \"onCopyError\",\n \"resetAfter\",\n \"size\",\n \"text\",\n \"type\",\n \"value\",\n \"variant\",\n ]);\n const [copied, setCopied] = createSignal(false);\n let resetTimer: ReturnType<typeof setTimeout> | undefined;\n\n onCleanup(() => {\n if (resetTimer) clearTimeout(resetTimer);\n });\n\n const copy = async () => {\n // `copyText` reports through `onCopyError` and then rethrows so direct\n // callers can await it. The click handler is not awaited by anyone, so it\n // has to absorb the rejection here — otherwise a denied clipboard\n // permission surfaces as an unhandled rejection despite `onCopyError`.\n try {\n await copyText(local.text ?? local.value ?? \"\", local.onCopyError);\n } catch {\n return;\n }\n setCopied(true);\n local.onCopied?.();\n if (resetTimer) clearTimeout(resetTimer);\n resetTimer = setTimeout(() => setCopied(false), local.resetAfter ?? 2000);\n };\n\n const visibleLabel = () => (copied() ? (local.copiedLabel ?? messages().copied) : (local.label ?? messages().copy));\n const icon = () => (copied() ? \"ti ti-check\" : \"ti ti-copy\");\n const iconOnly = () => local.iconOnly ?? local.label === undefined;\n const buttonLabel = () => (local.loading && local.loadingLabel ? local.loadingLabel : visibleLabel());\n const button = (tooltip?: string) => (\n <Button\n {...rest}\n tooltip={tooltip}\n disabled={local.disabled || local.loading}\n type={local.type ?? \"button\"}\n class={`k2b-copy-button ${local.class ?? \"\"}`}\n size={local.size ?? \"sm\"}\n variant={local.variant ?? \"ghost\"}\n aria-busy={local.loading ? \"true\" : undefined}\n aria-label={iconOnly() ? buttonLabel() : undefined}\n onClick={copy}\n >\n <i class={local.loading ? \"ti ti-loader-2 k2b-spin\" : icon()} aria-hidden=\"true\" />\n {!iconOnly() && <span>{buttonLabel()}</span>}\n </Button>\n );\n\n return iconOnly() ? (\n <>\n {button(visibleLabel())}\n <span class=\"k2b-sr-only\" aria-live=\"polite\">\n {copied() ? visibleLabel() : \"\"}\n </span>\n </>\n ) : (\n button(undefined)\n );\n}\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;AAAA,SAASA,eAAe,QAAQ,qBAAqB;AACrD,SAASC,YAAY,EAAYC,SAAS,EAAEC,UAAU,QAAQ,UAAU;AACxE,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM,QAA0B,UAAU;AAcnD,OAAO,eAAeC,QAAQA,CAC5BC,IAAY,EACZC,WAAsC,EACtCC,IAAqC,GAAGT,eAAe,EACxC;EACf,IAAI;IACF,MAAMS,IAAI,CAACF,IAAI,CAAC;EAClB,CAAC,CAAC,OAAOG,KAAK,EAAE;IACdF,WAAW,GAAGE,KAAK,CAAC;IACpB,MAAMA,KAAK;EACb;AACF;AAEA,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAMC,QAAQ,GAAGT,aAAa,CAAC,CAAC;EAChC,MAAM,CAACU,KAAK,EAAEC,IAAI,CAAC,GAAGZ,UAAU,CAACS,KAAK,EAAE,CACtC,OAAO,EACP,aAAa,EACb,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,UAAU,EACV,aAAa,EACb,YAAY,EACZ,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,CACV,CAAC;EACF,MAAM,CAACI,MAAM,EAAEC,SAAS,CAAC,GAAGhB,YAAY,CAAC,KAAK,CAAC;EAC/C,IAAIiB,UAAqD;EAEzDhB,SAAS,CAAC,MAAM;IACd,IAAIgB,UAAU,EAAEC,YAAY,CAACD,UAAU,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMT,IAAI,GAAG,MAAAA,CAAA,KAAY;IACvB;IACA;IACA;IACA;IACA,IAAI;MACF,MAAMH,QAAQ,CAACQ,KAAK,CAACP,IAAI,IAAIO,KAAK,CAACM,KAAK,IAAI,EAAE,EAAEN,KAAK,CAACN,WAAW,CAAC;IACpE,CAAC,CAAC,MAAM;MACN;IACF;IACAS,SAAS,CAAC,IAAI,CAAC;IACfH,KAAK,CAACO,QAAQ,GAAG,CAAC;IAClB,IAAIH,UAAU,EAAEC,YAAY,CAACD,UAAU,CAAC;IACxCA,UAAU,GAAGI,UAAU,CAAC,MAAML,SAAS,CAAC,KAAK,CAAC,EAAEH,KAAK,CAACS,UAAU,IAAI,IAAI,CAAC;EAC3E,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAOR,MAAM,CAAC,CAAC,GAAIF,KAAK,CAACW,WAAW,IAAIZ,QAAQ,CAAC,CAAC,CAACG,MAAM,GAAKF,KAAK,CAACY,KAAK,IAAIb,QAAQ,CAAC,CAAC,CAACJ,IAAM;EACnH,MAAMkB,IAAI,GAAGA,CAAA,KAAOX,MAAM,CAAC,CAAC,GAAG,aAAa,GAAG,YAAa;EAC5D,MAAMY,QAAQ,GAAGA,CAAA,KAAMd,KAAK,CAACc,QAAQ,IAAId,KAAK,CAACY,KAAK,KAAKG,SAAS;EAClE,MAAMC,WAAW,GAAGA,CAAA,KAAOhB,KAAK,CAACiB,OAAO,IAAIjB,KAAK,CAACkB,YAAY,GAAGlB,KAAK,CAACkB,YAAY,GAAGR,YAAY,CAAC,CAAE;EACrG,MAAMS,MAAM,GAAIC,OAAgB,IAAAC,iBAAA,CAC7B9B,MAAM,EAAA+B,YAAA,CACDrB,IAAI;IACRmB,OAAO,EAAEA,OAAO;IAAA,IAChBG,QAAQA,CAAA;MAAA,OAAEvB,KAAK,CAACuB,QAAQ,IAAIvB,KAAK,CAACiB,OAAO;IAAA;IAAA,IACzCO,IAAIA,CAAA;MAAA,OAAExB,KAAK,CAACwB,IAAI,IAAI,QAAQ;IAAA;IAAA,aAAAC,CAAA;MAAA,OACrB,mBAAmBzB,KAAK,CAACyB,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA,IAC7CC,IAAIA,CAAA;MAAA,OAAE1B,KAAK,CAAC0B,IAAI,IAAI,IAAI;IAAA;IAAA,IACxBC,OAAOA,CAAA;MAAA,OAAE3B,KAAK,CAAC2B,OAAO,IAAI,OAAO;IAAA;IAAA,iBAAAC,CAAA;MAAA,OACtB5B,KAAK,CAACiB,OAAO,GAAG,MAAM,GAAGF,SAAS;IAAA;IAAA,kBAAAc,CAAA;MAAA,OACjCf,QAAQ,CAAC,CAAC,GAAGE,WAAW,CAAC,CAAC,GAAGD,SAAS;IAAA;IAClDe,OAAO,EAAEnC,IAAI;IAAA,IAAAoC,SAAA;MAAA,QAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,UAEHlC,KAAK,CAACiB,OAAO,GAAG,yBAAyB,GAAAkB,QAAA,CAAGtB,IAAI,CAAC,CAAC,kBAC3D,CAACC,QAAQ,CAAC,CAAC,IAAAkB,KAAA,CAAAI,OAAA,EAAAD,QAAA,CAAWnB,WAAW,CAAC,CAAC,EAAQ;IAAA;EAAA,GAE/C;EAED,OAAOF,QAAQ,CAAC,CAAC,IAEZK,MAAM,CAACT,YAAY,CAAC,CAAC,CAAC,EAAAsB,KAAA,CAAAK,OAAA,EAEpBnC,MAAM,CAAC,CAAC,GAAAiC,QAAA,CAAGzB,YAAY,CAAC,CAAC,IAAG,EAAE,KAInCS,MAAM,CAACJ,SAAS,CACjB;AACH;AAEA,eAAelB,UAAU","ignoreList":[]}
@@ -0,0 +1,26 @@
1
+ import { ssr as _$ssr } from "solid-js/web";
2
+ import { createComponent as _$createComponent } from "solid-js/web";
3
+ import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
4
+ import { escape as _$escape } from "solid-js/web";
5
+ var _tmpl$ = ["<details class=\"", "\"", "><summary", ">", "<span>", "</span><i class=\"ti ti-chevron-down k2b-disclosure__chevron\" aria-hidden=\"true\"></i></summary><div class=\"k2b-disclosure__content\">", "</div></details>"],
6
+ _tmpl$2 = ["<i", " aria-hidden=\"true\"></i>"];
7
+ import { createEffect, createSignal, Show } from "solid-js";
8
+ import { resolveMaybeAccessor } from "../inputs/field-contract";
9
+ /** Native disclosure with the same value/onValueChange vocabulary as other controls. */
10
+ export function Disclosure(props) {
11
+ const controlled = () => props.value !== undefined;
12
+ const [internal, setInternal] = createSignal(props.defaultValue ?? false);
13
+ const open = () => controlled() ? Boolean(resolveMaybeAccessor(props.value)) : internal();
14
+ let details;
15
+ createEffect(() => {
16
+ if (details && details.open !== open()) details.open = open();
17
+ });
18
+ return _$ssr(_tmpl$, `k2b-disclosure ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("open", open(), true) + _$ssrAttribute("data-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
19
+ get when() {
20
+ return props.icon;
21
+ },
22
+ children: icon => _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(icon(), true), false))
23
+ })), _$escape(props.summary), _$escape(props.children));
24
+ }
25
+ export default Disclosure;
26
+ //# sourceMappingURL=Disclosure.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createEffect","createSignal","Show","resolveMaybeAccessor","Disclosure","props","controlled","value","undefined","internal","setInternal","defaultValue","open","Boolean","details","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","disabled","_$createComponent","when","icon","children","_tmpl$2","summary"],"sources":["actions/Disclosure.tsx"],"sourcesContent":["import { createEffect, createSignal, type JSX, Show } from \"solid-js\";\nimport type { MaybeAccessor } from \"../inputs/field-contract\";\nimport { resolveMaybeAccessor } from \"../inputs/field-contract\";\n\nexport type DisclosureProps = {\n summary: JSX.Element;\n children: JSX.Element;\n value?: MaybeAccessor<boolean>;\n defaultValue?: boolean;\n onValueChange?: (value: boolean) => void;\n icon?: string;\n disabled?: boolean;\n class?: string;\n};\n\n/** Native disclosure with the same value/onValueChange vocabulary as other controls. */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n const controlled = () => props.value !== undefined;\n const [internal, setInternal] = createSignal(props.defaultValue ?? false);\n const open = () => (controlled() ? Boolean(resolveMaybeAccessor(props.value)) : internal());\n let details: HTMLDetailsElement | undefined;\n\n createEffect(() => {\n if (details && details.open !== open()) details.open = open();\n });\n\n return (\n <details\n ref={details}\n class={`k2b-disclosure ${props.class ?? \"\"}`}\n open={open()}\n data-disabled={props.disabled ? \"true\" : undefined}\n onToggle={(event) => {\n if (props.disabled) {\n event.currentTarget.open = open();\n return;\n }\n const next = event.currentTarget.open;\n // A controlled owner may change `value` without user input. Reflecting\n // that value onto <details> emits a native toggle event; it must not be\n // reported back as a second user change.\n if (controlled() && next === open()) return;\n if (!controlled()) setInternal(next);\n props.onValueChange?.(next);\n }}\n >\n {/* biome-ignore lint/a11y/noStaticElementInteractions: summary is the native interactive trigger for details. */}\n <summary aria-disabled={props.disabled ? \"true\" : undefined} onClick={(event) => props.disabled && event.preventDefault()}>\n <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n <span>{props.summary}</span>\n <i class=\"ti ti-chevron-down k2b-disclosure__chevron\" aria-hidden=\"true\" />\n </summary>\n <div class=\"k2b-disclosure__content\">{props.children}</div>\n </details>\n );\n}\n\nexport default Disclosure;\n"],"mappings":";;;;;;AAAA,SAASA,YAAY,EAAEC,YAAY,EAAYC,IAAI,QAAQ,UAAU;AAErE,SAASC,oBAAoB,QAAQ,0BAA0B;AAa/D;AACA,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAMC,UAAU,GAAGA,CAAA,KAAMD,KAAK,CAACE,KAAK,KAAKC,SAAS;EAClD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGT,YAAY,CAACI,KAAK,CAACM,YAAY,IAAI,KAAK,CAAC;EACzE,MAAMC,IAAI,GAAGA,CAAA,KAAON,UAAU,CAAC,CAAC,GAAGO,OAAO,CAACV,oBAAoB,CAACE,KAAK,CAACE,KAAK,CAAC,CAAC,GAAGE,QAAQ,CAAC,CAAE;EAC3F,IAAIK,OAAuC;EAE3Cd,YAAY,CAAC,MAAM;IACjB,IAAIc,OAAO,IAAIA,OAAO,CAACF,IAAI,KAAKA,IAAI,CAAC,CAAC,EAAEE,OAAO,CAACF,IAAI,GAAGA,IAAI,CAAC,CAAC;EAC/D,CAAC,CAAC;EAEF,OAAAG,KAAA,CAAAC,MAAA,EAGW,kBAAAC,QAAA,CAAkBZ,KAAK,CAACa,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,SACtCP,IAAI,CAAC,CAAC,UAAAO,cAAA,kBACGd,KAAK,CAACe,QAAQ,GAAG,MAAM,GAAAH,QAAA,CAAGT,SAAS,iBAAAW,cAAA,kBAgB1Bd,KAAK,CAACe,QAAQ,GAAG,MAAM,GAAAH,QAAA,CAAGT,SAAS,iBAAAS,QAAA,CAAAI,iBAAA,CACxDnB,IAAI;IAAA,IAACoB,IAAIA,CAAA;MAAA,OAAEjB,KAAK,CAACkB,IAAI;IAAA;IAAAC,QAAA,EAAID,IAAI,IAAAR,KAAA,CAAAU,OAAA,EAAAN,cAAA,UAAAF,QAAA,CAAeM,IAAI,CAAC,CAAC;EAAuB,KAAAN,QAAA,CACnEZ,KAAK,CAACqB,OAAO,GAAAT,QAAA,CAGgBZ,KAAK,CAACmB,QAAQ;AAG1D;AAEA,eAAepB,UAAU","ignoreList":[]}