@godxjp/ui 31.31.7 → 32.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (728) hide show
  1. package/README.md +102 -121
  2. package/agent/START-HERE.md +10 -10
  3. package/agent/components/Accordion.json +2 -2
  4. package/agent/components/AccountChip.json +1 -1
  5. package/agent/components/Actions.json +1 -1
  6. package/agent/components/Activity.json +2 -2
  7. package/agent/components/Affix.json +1 -1
  8. package/agent/components/Alert.json +22 -6
  9. package/agent/components/AlertDialog.json +8 -1
  10. package/agent/components/Anchor.json +4 -3
  11. package/agent/components/AppLauncher.json +2 -2
  12. package/agent/components/AppProvider.json +19 -11
  13. package/agent/components/AppSettingPicker.json +18 -2
  14. package/agent/components/AppShell.json +4 -5
  15. package/agent/components/AreaChart.json +0 -1
  16. package/agent/components/AspectRatio.json +2 -2
  17. package/agent/components/Attachments.json +3 -3
  18. package/agent/components/AuthAccountSummary.json +1 -1
  19. package/agent/components/AuthDivider.json +1 -1
  20. package/agent/components/AuthExpiryProvider.json +0 -1
  21. package/agent/components/AuthFooter.json +2 -2
  22. package/agent/components/AuthIdentity.json +3 -3
  23. package/agent/components/AuthStack.json +1 -1
  24. package/agent/components/Avatar.json +2 -12
  25. package/agent/components/Badge.json +1 -1
  26. package/agent/components/BarChart.json +0 -1
  27. package/agent/components/BranchScopePicker.json +1 -1
  28. package/agent/components/Breadcrumb.json +1 -1
  29. package/agent/components/Button.json +3 -3
  30. package/agent/components/Calendar.json +1 -1
  31. package/agent/components/Card.json +2 -2
  32. package/agent/components/CardBar.json +0 -1
  33. package/agent/components/CardContent.json +0 -1
  34. package/agent/components/Carousel.json +4 -3
  35. package/agent/components/Cascader.json +1 -1
  36. package/agent/components/CenteredShell.json +78 -17
  37. package/agent/components/ChatBubble.json +3 -3
  38. package/agent/components/ChatBubbleList.json +3 -3
  39. package/agent/components/ChatComposer.json +3 -3
  40. package/agent/components/ChatSuggestion.json +3 -3
  41. package/agent/components/Checkbox.json +1 -1
  42. package/agent/components/CheckboxGroup.json +0 -1
  43. package/agent/components/CodeBlock.json +1 -1
  44. package/agent/components/Collapsible.json +4 -4
  45. package/agent/components/ColorPicker.json +1 -1
  46. package/agent/components/Command.json +5 -5
  47. package/agent/components/CommandPalette.json +1 -1
  48. package/agent/components/CompactBarTrend.json +1 -1
  49. package/agent/components/Conversations.json +3 -3
  50. package/agent/components/CredentialReveal.json +1 -1
  51. package/agent/components/DataState.json +2 -2
  52. package/agent/components/DataTable.json +1 -1
  53. package/agent/components/DatePicker.json +1 -1
  54. package/agent/components/Descriptions.json +1 -1
  55. package/agent/components/Dialog.json +2 -2
  56. package/agent/components/DraggablePanel.json +5 -4
  57. package/agent/components/DropdownMenu.json +1 -1
  58. package/agent/components/EmojiPicker.json +3 -2
  59. package/agent/components/EmptyState.json +1 -1
  60. package/agent/components/ErrorSurface.json +3 -3
  61. package/agent/components/FeatureList.json +1 -1
  62. package/agent/components/Field.json +0 -1
  63. package/agent/components/Flex.json +34 -4
  64. package/agent/components/FloatButton.json +6 -5
  65. package/agent/components/Form.json +1 -1
  66. package/agent/components/FormErrors.json +0 -1
  67. package/agent/components/FormField.json +6 -6
  68. package/agent/components/FormFieldArray.json +0 -1
  69. package/agent/components/FormFieldControl.json +0 -1
  70. package/agent/components/FormRoot.json +1 -1
  71. package/agent/components/Heading.json +3 -0
  72. package/agent/components/Icon.json +1 -1
  73. package/agent/components/Image.json +7 -4
  74. package/agent/components/InfiniteQueryState.json +1 -1
  75. package/agent/components/Input.json +1 -1
  76. package/agent/components/InputOTP.json +2 -2
  77. package/agent/components/Label.json +3 -3
  78. package/agent/components/LegalDocumentShell.json +5 -4
  79. package/agent/components/Legend.json +1 -1
  80. package/agent/components/LineChart.json +0 -1
  81. package/agent/components/Link.json +0 -1
  82. package/agent/components/ListRow.json +1 -1
  83. package/agent/components/Logo.json +5 -4
  84. package/agent/components/Marquee.json +4 -3
  85. package/agent/components/Masonry.json +4 -3
  86. package/agent/components/MasterDetail.json +1 -1
  87. package/agent/components/MegaMenu.json +4 -3
  88. package/agent/components/MobileShell.json +4 -4
  89. package/agent/components/NavList.json +1 -1
  90. package/agent/components/NumberInput.json +1 -1
  91. package/agent/components/OrgChart.json +4 -3
  92. package/agent/components/OrgSwitcher.json +1 -1
  93. package/agent/components/OverlayPortalProvider.json +0 -1
  94. package/agent/components/PageContainer.json +3 -3
  95. package/agent/components/PageCover.json +3 -2
  96. package/agent/components/Pagination.json +1 -1
  97. package/agent/components/PasswordInput.json +1 -1
  98. package/agent/components/PasswordStrength.json +1 -1
  99. package/agent/components/PermissionMatrix.json +1 -1
  100. package/agent/components/PieChart.json +0 -1
  101. package/agent/components/Popover.json +31 -6
  102. package/agent/components/PrefetchLink.json +1 -1
  103. package/agent/components/Progress.json +1 -1
  104. package/agent/components/Prose.json +1 -1
  105. package/agent/components/QrCode.json +1 -1
  106. package/agent/components/Radio.json +0 -1
  107. package/agent/components/RadioGroup.json +2 -2
  108. package/agent/components/RangeTimeline.json +2 -1
  109. package/agent/components/Rating.json +1 -1
  110. package/agent/components/RecordPicker.json +1 -1
  111. package/agent/components/ResizablePanel.json +1 -1
  112. package/agent/components/ResponsiveGrid.json +2 -2
  113. package/agent/components/Reveal.json +3 -3
  114. package/agent/components/ScrollArea.json +2 -2
  115. package/agent/components/SearchInput.json +1 -1
  116. package/agent/components/Segmented.json +1 -1
  117. package/agent/components/Select.json +7 -5
  118. package/agent/components/Separator.json +1 -1
  119. package/agent/components/ServiceCatalogCta.json +0 -1
  120. package/agent/components/ServiceLauncherCard.json +1 -1
  121. package/agent/components/ServiceRolePanel.json +1 -1
  122. package/agent/components/Sheet.json +5 -5
  123. package/agent/components/Sidebar.json +1 -1
  124. package/agent/components/Skeleton.json +26 -12
  125. package/agent/components/Slider.json +2 -2
  126. package/agent/components/SortableList.json +3 -2
  127. package/agent/components/SplitPane.json +1 -1
  128. package/agent/components/StatCard.json +1 -1
  129. package/agent/components/Steps.json +1 -1
  130. package/agent/components/Swatch.json +1 -1
  131. package/agent/components/Switch.json +1 -1
  132. package/agent/components/Table.json +1 -1
  133. package/agent/components/Tabs.json +3 -3
  134. package/agent/components/Text.json +5 -1
  135. package/agent/components/TextDiff.json +5 -4
  136. package/agent/components/Textarea.json +1 -1
  137. package/agent/components/ThemeScope.json +1 -1
  138. package/agent/components/ThoughtChain.json +3 -3
  139. package/agent/components/TimePicker.json +1 -1
  140. package/agent/components/Timeline.json +1 -1
  141. package/agent/components/TimelineGrid.json +5 -4
  142. package/agent/components/Toaster.json +0 -1
  143. package/agent/components/Toggle.json +3 -3
  144. package/agent/components/ToggleGroup.json +1 -1
  145. package/agent/components/Toolbar.json +10 -3
  146. package/agent/components/Tooltip.json +9 -9
  147. package/agent/components/Topbar.json +1 -1
  148. package/agent/components/TopbarItem.json +1 -1
  149. package/agent/components/Transfer.json +2 -2
  150. package/agent/components/Tree.json +1 -1
  151. package/agent/components/TreeSelect.json +1 -1
  152. package/agent/components/TwoFactorSetup.json +1 -1
  153. package/agent/components/Upload.json +1 -1
  154. package/agent/components/UploadCropDialog.json +1 -1
  155. package/agent/components/Welcome.json +3 -3
  156. package/agent/components/formatDate.json +2 -2
  157. package/agent/components/inertiaUpload.json +0 -1
  158. package/agent/components/useZodForm.json +0 -1
  159. package/agent/components-index.json +80 -154
  160. package/agent/components.json +541 -1737
  161. package/agent/index.json +10 -10
  162. package/agent/llms.txt +9 -9
  163. package/agent/patterns/account-recovery-settings.json +1 -1
  164. package/agent/patterns/auth-recovery-panels.json +2 -2
  165. package/agent/patterns/error-pages.json +1 -1
  166. package/agent/patterns/pricing-plans.json +17 -0
  167. package/agent/patterns-index.json +17 -1
  168. package/agent/patterns.json +21 -4
  169. package/agent/rules.json +30 -65
  170. package/agent/tokens.json +27 -57
  171. package/agent/vocabulary.json +3 -3
  172. package/dist/app/app-provider.d.ts +5 -3
  173. package/dist/app/app-provider.js +47 -12
  174. package/dist/app/date-format-labels.d.ts +3 -1
  175. package/dist/app/date-format-labels.js +2 -4
  176. package/dist/app/date-formats.d.ts +21 -2
  177. package/dist/app/date-formats.js +51 -2
  178. package/dist/app/index.d.ts +3 -1
  179. package/dist/app/index.js +5 -0
  180. package/dist/app/locales.d.ts +58 -3
  181. package/dist/app/locales.js +134 -8
  182. package/dist/app/preset.d.ts +25 -0
  183. package/dist/app/preset.js +10 -0
  184. package/dist/app/request-headers.d.ts +3 -3
  185. package/dist/app/request-headers.js +19 -10
  186. package/dist/app/settings-scope.d.ts +54 -0
  187. package/dist/app/settings-scope.js +46 -0
  188. package/dist/app/tenant-theme.js +8 -3
  189. package/dist/app/time-format-labels.d.ts +4 -1
  190. package/dist/app/time-format-labels.js +7 -1
  191. package/dist/app/types.d.ts +10 -2
  192. package/dist/app/use-formatting.d.ts +1 -1
  193. package/dist/components/admin/index.d.ts +1 -1
  194. package/dist/components/admin/index.js +1 -1
  195. package/dist/components/data-display/accordion.d.ts +51 -1
  196. package/dist/components/data-display/accordion.js +247 -1
  197. package/dist/components/data-display/avatar.d.ts +16 -1
  198. package/dist/components/data-display/avatar.js +109 -1
  199. package/dist/components/data-display/credential-reveal.d.ts +9 -2
  200. package/dist/components/data-display/credential-reveal.js +156 -1
  201. package/dist/components/data-display/image.js +5 -3
  202. package/dist/components/data-display/index.d.ts +0 -21
  203. package/dist/components/data-display/index.js +1 -43
  204. package/dist/components/data-display/popover.d.ts +15 -3
  205. package/dist/components/data-display/popover.js +168 -2
  206. package/dist/components/data-entry/branch-scope-picker.d.ts +1 -1
  207. package/dist/components/data-entry/index.d.ts +5 -12
  208. package/dist/components/data-entry/index.js +11 -12
  209. package/dist/components/data-entry/input-otp.d.ts +48 -2
  210. package/dist/components/data-entry/input-otp.js +94 -1
  211. package/dist/components/data-entry/number-input.d.ts +1 -1
  212. package/dist/components/data-entry/password-input.d.ts +38 -2
  213. package/dist/components/data-entry/password-input.js +56 -1
  214. package/dist/components/data-entry/rating.d.ts +38 -2
  215. package/dist/components/data-entry/rating.js +127 -1
  216. package/dist/components/data-entry/segmented.d.ts +94 -2
  217. package/dist/components/data-entry/segmented.js +104 -1
  218. package/dist/components/{ui/tag-input.d.ts → data-entry/select-tags-inline.d.ts} +7 -4
  219. package/dist/components/{ui/tag-input.js → data-entry/select-tags-inline.js} +4 -4
  220. package/dist/components/data-entry/select.js +4 -0
  221. package/dist/components/data-entry/toggle-group.d.ts +108 -2
  222. package/dist/components/data-entry/toggle-group.js +189 -1
  223. package/dist/components/data-entry/toggle.d.ts +86 -2
  224. package/dist/components/data-entry/toggle.js +153 -2
  225. package/dist/components/feedback/alert.d.ts +5 -3
  226. package/dist/components/feedback/alert.js +14 -2
  227. package/dist/components/feedback/index.d.ts +2 -6
  228. package/dist/components/feedback/index.js +1 -13
  229. package/dist/components/feedback/skeleton.d.ts +4 -17
  230. package/dist/components/feedback/skeleton.js +3 -40
  231. package/dist/components/general/index.d.ts +2 -4
  232. package/dist/components/general/index.js +1 -6
  233. package/dist/components/general/typography.d.ts +4 -58
  234. package/dist/components/general/typography.js +7 -141
  235. package/dist/components/layout/aspect-ratio.d.ts +24 -1
  236. package/dist/components/layout/aspect-ratio.js +18 -1
  237. package/dist/components/layout/auth-divider.js +1 -1
  238. package/dist/components/layout/auth-identity.js +6 -2
  239. package/dist/components/layout/centered-shell.d.ts +13 -8
  240. package/dist/components/layout/centered-shell.js +43 -1
  241. package/dist/components/layout/flex.d.ts +1 -1
  242. package/dist/components/layout/flex.js +73 -1
  243. package/dist/components/layout/index.d.ts +1 -13
  244. package/dist/components/layout/index.js +0 -12
  245. package/dist/components/layout/separator.d.ts +25 -2
  246. package/dist/components/layout/separator.js +71 -1
  247. package/dist/components/navigation/{app-setting-toggle.d.ts → app-setting-cycle.d.ts} +3 -4
  248. package/dist/components/navigation/{app-setting-toggle.js → app-setting-cycle.js} +3 -3
  249. package/dist/components/navigation/app-setting-picker.d.ts +6 -2
  250. package/dist/components/navigation/app-setting-picker.js +20 -2
  251. package/dist/components/navigation/index.d.ts +3 -11
  252. package/dist/components/navigation/index.js +1 -9
  253. package/dist/components/navigation/tabs.js +1 -1
  254. package/dist/components/ui/carousel.d.ts +1 -1
  255. package/dist/components/ui/carousel.js +1 -1
  256. package/dist/components/ui/index.d.ts +11 -5
  257. package/dist/components/ui/index.js +5 -5
  258. package/dist/contracts/measurement.json +2 -2
  259. package/dist/email/brand-mark.d.ts +3 -2
  260. package/dist/email/brand-mark.js +1 -1
  261. package/dist/email/tokens.generated.d.ts +6 -6
  262. package/dist/email/tokens.generated.js +6 -6
  263. package/dist/i18n/locale-tags.d.ts +25 -0
  264. package/dist/i18n/locale-tags.js +59 -0
  265. package/dist/i18n/translate.d.ts +20 -3
  266. package/dist/i18n/translate.js +25 -14
  267. package/dist/i18n/use-translation.d.ts +3 -3
  268. package/dist/i18n/use-translation.js +4 -2
  269. package/dist/{components/navigation → lab}/anchor.d.ts +2 -2
  270. package/dist/{components/navigation → lab}/anchor.js +5 -5
  271. package/dist/{components/data-display → lab}/carousel.js +2 -2
  272. package/dist/{components/layout → lab}/draggable-panel.d.ts +8 -8
  273. package/dist/{components/layout → lab}/draggable-panel.js +2 -2
  274. package/dist/{components/data-entry → lab}/emoji-picker.d.ts +2 -2
  275. package/dist/{components/data-entry → lab}/emoji-picker.js +6 -6
  276. package/dist/{components/general → lab}/float-button.d.ts +8 -8
  277. package/dist/{components/general → lab}/float-button.js +7 -7
  278. package/dist/lab/index.d.ts +39 -0
  279. package/dist/lab/index.js +48 -0
  280. package/dist/{components/layout → lab}/legal-document-shell.d.ts +2 -2
  281. package/dist/{components/layout → lab}/legal-document-shell.js +4 -4
  282. package/dist/{components/data-display → lab}/marquee.d.ts +5 -5
  283. package/dist/{components/data-display → lab}/marquee.js +5 -5
  284. package/dist/{components/layout → lab}/masonry.d.ts +2 -2
  285. package/dist/{components/layout → lab}/masonry.js +3 -3
  286. package/dist/{components/navigation → lab}/mega-menu.d.ts +4 -4
  287. package/dist/{components/navigation → lab}/mega-menu.js +2 -2
  288. package/dist/{components/data-display → lab}/org-chart.d.ts +2 -2
  289. package/dist/{components/data-display → lab}/org-chart.js +4 -4
  290. package/dist/{components/layout → lab}/page-cover.d.ts +2 -2
  291. package/dist/{components/layout → lab}/page-cover.js +2 -2
  292. package/dist/{components/data-display → lab}/range-timeline.d.ts +1 -1
  293. package/dist/{components/data-display → lab}/range-timeline.js +6 -6
  294. package/dist/{components/data-entry → lab}/sortable-list.d.ts +2 -2
  295. package/dist/{components/data-entry → lab}/sortable-list.js +3 -3
  296. package/dist/{components/data-display → lab}/text-diff.d.ts +3 -3
  297. package/dist/{components/data-display → lab}/text-diff.js +4 -4
  298. package/dist/{components/data-display → lab}/timeline-grid.d.ts +2 -2
  299. package/dist/{components/data-display → lab}/timeline-grid.js +1 -1
  300. package/dist/lib/control-styles.js +1 -1
  301. package/dist/lib/datetime/format.js +20 -6
  302. package/dist/lib/datetime/sync.d.ts +6 -2
  303. package/dist/lib/datetime/sync.js +14 -18
  304. package/dist/lib/platform.d.ts +1 -1
  305. package/dist/props/components/app.prop.d.ts +28 -13
  306. package/dist/props/components/data-display.prop.d.ts +19 -29
  307. package/dist/props/components/feedback.prop.d.ts +15 -44
  308. package/dist/props/components/general.prop.d.ts +2 -64
  309. package/dist/props/components/index.d.ts +9 -1
  310. package/dist/props/components/layout.prop.d.ts +41 -57
  311. package/dist/props/registry.d.ts +48 -101
  312. package/dist/props/registry.js +45 -129
  313. package/dist/props/vocabulary/index.d.ts +1 -1
  314. package/dist/props/vocabulary/interaction.prop.d.ts +3 -12
  315. package/dist/styles/alert-layout.css +0 -29
  316. package/dist/styles/data-display-layout.css +14 -22
  317. package/dist/styles/dialog-layout.css +4 -0
  318. package/dist/styles/fonts/OFL.txt +93 -0
  319. package/dist/styles/form-layout.css +4 -0
  320. package/dist/styles/index.css +0 -2
  321. package/dist/styles/layers.json +44 -179
  322. package/dist/styles/text-layout.css +0 -15
  323. package/dist/styles.css +2 -0
  324. package/dist/themes/godx.css +43 -0
  325. package/dist/themes/godx.d.ts +13 -0
  326. package/dist/themes/godx.js +12 -0
  327. package/dist/tokens/components/feedback.css +0 -6
  328. package/dist/tokens/derived.css +23 -22
  329. package/dist/tokens/foundation.css +4 -6
  330. package/docs/COMPOSITION-VS-COMPONENT.md +58 -33
  331. package/docs/CONSUMER-RULES.md +1 -1
  332. package/docs/CUSTOMER-THEMING.md +17 -53
  333. package/docs/migrations/v32.md +98 -0
  334. package/package.json +58 -19
  335. package/scripts/_agent-setup.mjs +54 -3
  336. package/scripts/brand-accent.generated.mjs +15 -2
  337. package/scripts/cli.mjs +36 -11
  338. package/scripts/codemod.mjs +522 -0
  339. package/scripts/consumer-rule.md +21 -43
  340. package/scripts/postinstall.mjs +10 -47
  341. package/scripts/prune-css.mjs +1 -1
  342. package/scripts/ui-audit.mjs +5 -2
  343. package/dist/components/data-display/chat-bubble.d.ts +0 -30
  344. package/dist/components/data-display/chat-bubble.js +0 -229
  345. package/dist/components/data-display/hover-card.d.ts +0 -1
  346. package/dist/components/data-display/hover-card.js +0 -7
  347. package/dist/components/data-display/thought-chain.d.ts +0 -42
  348. package/dist/components/data-display/thought-chain.js +0 -177
  349. package/dist/components/data-display/thumbnail.d.ts +0 -37
  350. package/dist/components/data-display/thumbnail.js +0 -20
  351. package/dist/components/data-display/welcome.d.ts +0 -26
  352. package/dist/components/data-display/welcome.js +0 -37
  353. package/dist/components/data-entry/attachments.d.ts +0 -19
  354. package/dist/components/data-entry/attachments.js +0 -366
  355. package/dist/components/data-entry/chat-composer.d.ts +0 -51
  356. package/dist/components/data-entry/chat-composer.js +0 -200
  357. package/dist/components/data-entry/chat-suggestion.d.ts +0 -28
  358. package/dist/components/data-entry/chat-suggestion.js +0 -309
  359. package/dist/components/data-entry/tag-input.d.ts +0 -2
  360. package/dist/components/data-entry/tag-input.js +0 -5
  361. package/dist/components/feedback/banner.d.ts +0 -21
  362. package/dist/components/feedback/banner.js +0 -19
  363. package/dist/components/feedback/callout.d.ts +0 -23
  364. package/dist/components/feedback/callout.js +0 -42
  365. package/dist/components/layout/auth-shell.d.ts +0 -10
  366. package/dist/components/layout/auth-shell.js +0 -42
  367. package/dist/components/layout/space-compact.d.ts +0 -65
  368. package/dist/components/layout/space-compact.js +0 -52
  369. package/dist/components/navigation/conversations.d.ts +0 -39
  370. package/dist/components/navigation/conversations.js +0 -371
  371. package/dist/components/ui/accordion.d.ts +0 -51
  372. package/dist/components/ui/accordion.js +0 -254
  373. package/dist/components/ui/aspect-ratio.d.ts +0 -24
  374. package/dist/components/ui/aspect-ratio.js +0 -21
  375. package/dist/components/ui/avatar.d.ts +0 -16
  376. package/dist/components/ui/avatar.js +0 -115
  377. package/dist/components/ui/credential-reveal.d.ts +0 -9
  378. package/dist/components/ui/credential-reveal.js +0 -160
  379. package/dist/components/ui/hover-card.d.ts +0 -47
  380. package/dist/components/ui/hover-card.js +0 -205
  381. package/dist/components/ui/input-otp.d.ts +0 -48
  382. package/dist/components/ui/input-otp.js +0 -101
  383. package/dist/components/ui/password-input.d.ts +0 -38
  384. package/dist/components/ui/password-input.js +0 -60
  385. package/dist/components/ui/rating.d.ts +0 -38
  386. package/dist/components/ui/rating.js +0 -131
  387. package/dist/components/ui/segmented.d.ts +0 -94
  388. package/dist/components/ui/segmented.js +0 -108
  389. package/dist/components/ui/separator.d.ts +0 -25
  390. package/dist/components/ui/separator.js +0 -74
  391. package/dist/components/ui/toggle-group.d.ts +0 -108
  392. package/dist/components/ui/toggle-group.js +0 -194
  393. package/dist/components/ui/toggle.d.ts +0 -86
  394. package/dist/components/ui/toggle.js +0 -156
  395. package/docs/CANONICAL-CONTRACTS.md +0 -206
  396. package/docs/COMPONENTS.md +0 -163
  397. package/docs/DATETIME.md +0 -78
  398. package/docs/DEVELOPMENT.md +0 -269
  399. package/docs/FRAME-A11Y-CI.md +0 -287
  400. package/docs/FRAME-COVERAGE-LEDGER.md +0 -123
  401. package/docs/FRAME-COVERAGE-REPORT.md +0 -228
  402. package/docs/FRAME-COVERAGE-STANDARD.md +0 -65
  403. package/docs/FRAME-COVERAGE.md +0 -29
  404. package/docs/MEASUREMENT-CONTRACT.md +0 -109
  405. package/docs/PROPS-REGISTRY.md +0 -61
  406. package/docs/PROPS-VOCABULARY.md +0 -100
  407. package/docs/REGISTRY.md +0 -70
  408. package/docs/TESTING.md +0 -107
  409. package/docs/THEME-API-COVERAGE.md +0 -538
  410. package/docs/WHAT-BELONGS-HERE.md +0 -179
  411. package/docs/asset-modules.d.ts +0 -53
  412. package/docs/assets/cover-terrain.svg +0 -6
  413. package/docs/assets/portrait-amber.svg +0 -5
  414. package/docs/assets/portrait-clay.svg +0 -5
  415. package/docs/assets/portrait-indigo.svg +0 -5
  416. package/docs/assets/portrait-iris.svg +0 -5
  417. package/docs/assets/portrait-moss.svg +0 -5
  418. package/docs/assets/portrait-plum.svg +0 -5
  419. package/docs/assets/portrait-slate.svg +0 -5
  420. package/docs/assets/service-mark-rose.svg +0 -6
  421. package/docs/assets/service-mark-teal.svg +0 -5
  422. package/docs/assets/shot-landscape.svg +0 -12
  423. package/docs/assets/shot-portrait.svg +0 -10
  424. package/docs/assets/tcgm/card-1.svg +0 -1
  425. package/docs/assets/tcgm/card-2.svg +0 -1
  426. package/docs/assets/tcgm/card-3.svg +0 -1
  427. package/docs/assets/tcgm/card-4.svg +0 -1
  428. package/docs/assets/tcgm/card-5.svg +0 -1
  429. package/docs/assets/tcgm/card-6.svg +0 -1
  430. package/docs/assets/tcgm/hero-prism.svg +0 -1
  431. package/docs/assets/tcgm/scene-1.svg +0 -1
  432. package/docs/assets/tcgm/scene-2.svg +0 -1
  433. package/docs/assets/tcgm/scene-3.svg +0 -1
  434. package/docs/assets/tcgm/scene-4.svg +0 -1
  435. package/docs/assets/tcgm/scene-5.svg +0 -1
  436. package/docs/assets/tcgm/tcgm-lockup-color.svg +0 -1
  437. package/docs/assets/tcgm/tcgm-symbol-color.svg +0 -1
  438. package/docs/charts/cjk-category-axis.tsx +0 -81
  439. package/docs/charts/compact-bar-trend.tsx +0 -327
  440. package/docs/charts/size-tiers.tsx +0 -192
  441. package/docs/data-display/accordion.tsx +0 -99
  442. package/docs/data-display/avatar.tsx +0 -502
  443. package/docs/data-display/badge.tsx +0 -335
  444. package/docs/data-display/card/examples/detail-panel.tsx +0 -106
  445. package/docs/data-display/card/examples/tab-list.tsx +0 -97
  446. package/docs/data-display/card/index.md +0 -3
  447. package/docs/data-display/card/index.tsx +0 -390
  448. package/docs/data-display/carousel.tsx +0 -160
  449. package/docs/data-display/charts.tsx +0 -278
  450. package/docs/data-display/chat-bubble.tsx +0 -397
  451. package/docs/data-display/code-block.tsx +0 -188
  452. package/docs/data-display/collapsible.tsx +0 -162
  453. package/docs/data-display/credential-reveal.tsx +0 -148
  454. package/docs/data-display/data-table/examples/antd-parity.tsx +0 -257
  455. package/docs/data-display/data-table/examples/approval-queue.tsx +0 -212
  456. package/docs/data-display/data-table/examples/grid-features.tsx +0 -158
  457. package/docs/data-display/data-table/examples/list-page.tsx +0 -175
  458. package/docs/data-display/data-table/examples/selectable-inbox.tsx +0 -113
  459. package/docs/data-display/data-table/examples/server-paged.tsx +0 -179
  460. package/docs/data-display/data-table/examples/striped-list.tsx +0 -173
  461. package/docs/data-display/data-table/index.md +0 -9
  462. package/docs/data-display/data-table/index.tsx +0 -407
  463. package/docs/data-display/descriptions.tsx +0 -263
  464. package/docs/data-display/empty-state.tsx +0 -164
  465. package/docs/data-display/feature-list.tsx +0 -159
  466. package/docs/data-display/hover-card.tsx +0 -181
  467. package/docs/data-display/image.tsx +0 -170
  468. package/docs/data-display/legend.tsx +0 -158
  469. package/docs/data-display/list-row.tsx +0 -441
  470. package/docs/data-display/markdown.tsx +0 -86
  471. package/docs/data-display/marquee.tsx +0 -254
  472. package/docs/data-display/org-chart.tsx +0 -165
  473. package/docs/data-display/permission-matrix.tsx +0 -188
  474. package/docs/data-display/popover-touch.tsx +0 -27
  475. package/docs/data-display/popover.tsx +0 -331
  476. package/docs/data-display/progress.tsx +0 -162
  477. package/docs/data-display/prose.tsx +0 -169
  478. package/docs/data-display/qr-code.tsx +0 -68
  479. package/docs/data-display/scroll-area.tsx +0 -420
  480. package/docs/data-display/service-launcher-card.tsx +0 -445
  481. package/docs/data-display/stat-card.tsx +0 -354
  482. package/docs/data-display/swatch.tsx +0 -107
  483. package/docs/data-display/table.tsx +0 -362
  484. package/docs/data-display/text-diff.tsx +0 -89
  485. package/docs/data-display/thought-chain.tsx +0 -176
  486. package/docs/data-display/thumbnail.tsx +0 -128
  487. package/docs/data-display/timeline-grid.tsx +0 -119
  488. package/docs/data-display/timeline.tsx +0 -671
  489. package/docs/data-display/touch-actions.tsx +0 -36
  490. package/docs/data-display/tree.tsx +0 -724
  491. package/docs/data-display/welcome.tsx +0 -115
  492. package/docs/data-entry/attachments.tsx +0 -160
  493. package/docs/data-entry/block-editor.tsx +0 -105
  494. package/docs/data-entry/branch-scope-picker.tsx +0 -128
  495. package/docs/data-entry/calendar.tsx +0 -226
  496. package/docs/data-entry/cascader.tsx +0 -380
  497. package/docs/data-entry/chat-composer.tsx +0 -619
  498. package/docs/data-entry/chat-suggestion.tsx +0 -301
  499. package/docs/data-entry/checkbox.tsx +0 -256
  500. package/docs/data-entry/color-picker.tsx +0 -189
  501. package/docs/data-entry/command-palette.tsx +0 -179
  502. package/docs/data-entry/command.tsx +0 -341
  503. package/docs/data-entry/country-picker-recipe.tsx +0 -175
  504. package/docs/data-entry/date-picker.tsx +0 -452
  505. package/docs/data-entry/emoji-picker.tsx +0 -35
  506. package/docs/data-entry/form/examples/employee-settings.tsx +0 -267
  507. package/docs/data-entry/form/examples/invoice-form.tsx +0 -387
  508. package/docs/data-entry/form-dynamic-fields.tsx +0 -199
  509. package/docs/data-entry/form-field/examples/a11y-contract.tsx +0 -242
  510. package/docs/data-entry/form-field/examples/create-form.tsx +0 -107
  511. package/docs/data-entry/form-field/index.md +0 -8
  512. package/docs/data-entry/form-field/index.tsx +0 -337
  513. package/docs/data-entry/form-inertia.tsx +0 -80
  514. package/docs/data-entry/form-root.tsx +0 -112
  515. package/docs/data-entry/form.tsx +0 -1498
  516. package/docs/data-entry/input-otp.tsx +0 -258
  517. package/docs/data-entry/input.tsx +0 -796
  518. package/docs/data-entry/label.tsx +0 -102
  519. package/docs/data-entry/markdown-editor.tsx +0 -69
  520. package/docs/data-entry/number-input.tsx +0 -279
  521. package/docs/data-entry/password-input.tsx +0 -102
  522. package/docs/data-entry/password-strength.tsx +0 -99
  523. package/docs/data-entry/radio-group.tsx +0 -316
  524. package/docs/data-entry/rating.tsx +0 -91
  525. package/docs/data-entry/record-picker.tsx +0 -209
  526. package/docs/data-entry/search-input.tsx +0 -121
  527. package/docs/data-entry/segmented-in-filter-row.tsx +0 -60
  528. package/docs/data-entry/segmented.tsx +0 -300
  529. package/docs/data-entry/select-async-contracts.tsx +0 -108
  530. package/docs/data-entry/select-matrix.tsx +0 -209
  531. package/docs/data-entry/select.tsx +0 -547
  532. package/docs/data-entry/slider.tsx +0 -212
  533. package/docs/data-entry/sortable-list.tsx +0 -76
  534. package/docs/data-entry/switch.tsx +0 -314
  535. package/docs/data-entry/tag-input.tsx +0 -145
  536. package/docs/data-entry/textarea.tsx +0 -249
  537. package/docs/data-entry/time-picker.tsx +0 -187
  538. package/docs/data-entry/time-range-picker.tsx +0 -55
  539. package/docs/data-entry/toggle-count.tsx +0 -348
  540. package/docs/data-entry/toggle-group.tsx +0 -438
  541. package/docs/data-entry/toggle.tsx +0 -217
  542. package/docs/data-entry/transfer.tsx +0 -115
  543. package/docs/data-entry/tree-select.tsx +0 -204
  544. package/docs/data-entry/upload-crop-dialog.tsx +0 -109
  545. package/docs/data-entry/upload.tsx +0 -310
  546. package/docs/feedback/alert-dialog.tsx +0 -270
  547. package/docs/feedback/alert.tsx +0 -248
  548. package/docs/feedback/auth-expiry.tsx +0 -104
  549. package/docs/feedback/banner.tsx +0 -183
  550. package/docs/feedback/callout.tsx +0 -220
  551. package/docs/feedback/danger-confirm.tsx +0 -91
  552. package/docs/feedback/dialog-touch.tsx +0 -24
  553. package/docs/feedback/dialog.tsx +0 -373
  554. package/docs/feedback/sheet.tsx +0 -510
  555. package/docs/feedback/skeleton.tsx +0 -168
  556. package/docs/feedback/toast.tsx +0 -135
  557. package/docs/feedback/tooltip.tsx +0 -171
  558. package/docs/feedback/two-factor-setup.tsx +0 -68
  559. package/docs/foundation/_email-specimen.ts +0 -274
  560. package/docs/foundation/_theme-editor-scope.ts +0 -222
  561. package/docs/foundation/colors.tsx +0 -207
  562. package/docs/foundation/density.tsx +0 -242
  563. package/docs/foundation/email-tokens.tsx +0 -323
  564. package/docs/foundation/radius-shadow.tsx +0 -154
  565. package/docs/foundation/spacing.tsx +0 -216
  566. package/docs/foundation/theme-editor.tsx +0 -654
  567. package/docs/foundation/typography.tsx +0 -147
  568. package/docs/general/actions.tsx +0 -175
  569. package/docs/general/activity.tsx +0 -289
  570. package/docs/general/button/examples/destructive-confirm.tsx +0 -90
  571. package/docs/general/button/examples/form-actions.tsx +0 -87
  572. package/docs/general/button/examples/toolbar.tsx +0 -160
  573. package/docs/general/button/index.md +0 -16
  574. package/docs/general/button/index.tsx +0 -236
  575. package/docs/general/float-button.tsx +0 -133
  576. package/docs/general/icon.tsx +0 -217
  577. package/docs/general/logo.tsx +0 -194
  578. package/docs/general/reveal.tsx +0 -309
  579. package/docs/general/typography.tsx +0 -542
  580. package/docs/i18n/messages/en.json +0 -1715
  581. package/docs/i18n/messages/ja.json +0 -1708
  582. package/docs/i18n/messages/vi.json +0 -1708
  583. package/docs/layout/account-chip.tsx +0 -72
  584. package/docs/layout/admin-collection.tsx +0 -122
  585. package/docs/layout/affix.tsx +0 -209
  586. package/docs/layout/app-launcher.tsx +0 -211
  587. package/docs/layout/app-shell-arrangements.tsx +0 -225
  588. package/docs/layout/app-shell-narrow-bar.tsx +0 -205
  589. package/docs/layout/app-shell-states.tsx +0 -171
  590. package/docs/layout/app-shell.tsx +0 -395
  591. package/docs/layout/aspect-ratio.tsx +0 -135
  592. package/docs/layout/auth-account-summary.tsx +0 -103
  593. package/docs/layout/auth-divider.tsx +0 -28
  594. package/docs/layout/auth-footer.tsx +0 -37
  595. package/docs/layout/auth-identity.tsx +0 -70
  596. package/docs/layout/auth-recovery/examples/mfa-challenge.md +0 -41
  597. package/docs/layout/auth-recovery/examples/mfa-challenge.tsx +0 -254
  598. package/docs/layout/auth-recovery/examples/mobile-390.md +0 -25
  599. package/docs/layout/auth-recovery/examples/mobile-390.tsx +0 -82
  600. package/docs/layout/auth-recovery/examples/password-recovery.md +0 -24
  601. package/docs/layout/auth-recovery/examples/password-recovery.tsx +0 -197
  602. package/docs/layout/auth-recovery/examples/wrapping-ja-en-vi.md +0 -27
  603. package/docs/layout/auth-recovery/examples/wrapping-ja-en-vi.tsx +0 -156
  604. package/docs/layout/auth-recovery/index.md +0 -140
  605. package/docs/layout/auth-recovery/index.tsx +0 -96
  606. package/docs/layout/auth-shell-context.tsx +0 -103
  607. package/docs/layout/auth-shell-device.tsx +0 -112
  608. package/docs/layout/auth-shell-registration.tsx +0 -338
  609. package/docs/layout/auth-shell-variants.tsx +0 -143
  610. package/docs/layout/auth-shell.tsx +0 -59
  611. package/docs/layout/auth-stack.tsx +0 -40
  612. package/docs/layout/centered-shell.tsx +0 -102
  613. package/docs/layout/draggable-panel.tsx +0 -127
  614. package/docs/layout/error-surface/examples/application-403.tsx +0 -84
  615. package/docs/layout/error-surface/examples/application-404.tsx +0 -77
  616. package/docs/layout/error-surface/examples/system-500.tsx +0 -47
  617. package/docs/layout/error-surface/examples/system-503.tsx +0 -48
  618. package/docs/layout/error-surface/index.md +0 -153
  619. package/docs/layout/error-surface/index.tsx +0 -239
  620. package/docs/layout/flex.tsx +0 -444
  621. package/docs/layout/legal-document-shell/_data.ts +0 -110
  622. package/docs/layout/legal-document-shell/examples/desktop-1440.md +0 -12
  623. package/docs/layout/legal-document-shell/examples/desktop-1440.tsx +0 -83
  624. package/docs/layout/legal-document-shell/examples/mobile-390.md +0 -22
  625. package/docs/layout/legal-document-shell/examples/mobile-390.tsx +0 -70
  626. package/docs/layout/legal-document-shell/examples/tablet-1024.md +0 -3
  627. package/docs/layout/legal-document-shell/examples/tablet-1024.tsx +0 -84
  628. package/docs/layout/legal-document-shell/examples/wrapping-ja-en-vi.md +0 -18
  629. package/docs/layout/legal-document-shell/examples/wrapping-ja-en-vi.tsx +0 -61
  630. package/docs/layout/legal-document-shell/index.md +0 -51
  631. package/docs/layout/legal-document-shell/index.tsx +0 -101
  632. package/docs/layout/masonry.tsx +0 -291
  633. package/docs/layout/master-detail.tsx +0 -390
  634. package/docs/layout/mobile-shell.tsx +0 -106
  635. package/docs/layout/nav-list.tsx +0 -584
  636. package/docs/layout/org-switcher.tsx +0 -131
  637. package/docs/layout/page-container.tsx +0 -1020
  638. package/docs/layout/page-cover.tsx +0 -56
  639. package/docs/layout/resizable-panel.tsx +0 -419
  640. package/docs/layout/responsive-grid.tsx +0 -403
  641. package/docs/layout/separator.tsx +0 -327
  642. package/docs/layout/service-role-panel.tsx +0 -144
  643. package/docs/layout/sidebar.tsx +0 -689
  644. package/docs/layout/space-compact.tsx +0 -202
  645. package/docs/layout/split-pane.tsx +0 -532
  646. package/docs/layout/topbar-item.tsx +0 -233
  647. package/docs/layout/topbar.tsx +0 -360
  648. package/docs/navigation/anchor.tsx +0 -295
  649. package/docs/navigation/app-setting-picker.tsx +0 -178
  650. package/docs/navigation/app-setting-toggle.tsx +0 -111
  651. package/docs/navigation/breadcrumb.tsx +0 -207
  652. package/docs/navigation/card-tabs.tsx +0 -344
  653. package/docs/navigation/conversations.tsx +0 -176
  654. package/docs/navigation/dropdown-menu.tsx +0 -345
  655. package/docs/navigation/filter-bar.tsx +0 -247
  656. package/docs/navigation/mega-menu-panel.tsx +0 -86
  657. package/docs/navigation/mega-menu.tsx +0 -254
  658. package/docs/navigation/pagination.tsx +0 -293
  659. package/docs/navigation/steps.tsx +0 -315
  660. package/docs/navigation/tabs-rtl.tsx +0 -28
  661. package/docs/navigation/tabs.tsx +0 -755
  662. package/docs/navigation/toolbar.tsx +0 -347
  663. package/docs/providers/app-provider.tsx +0 -191
  664. package/docs/providers/format-date.tsx +0 -230
  665. package/docs/providers/theme-scope.tsx +0 -186
  666. package/docs/query/button-refetch.tsx +0 -161
  667. package/docs/query/data-state.tsx +0 -262
  668. package/docs/query/infinite-query-state.tsx +0 -97
  669. package/docs/query/mutation-feedback.tsx +0 -128
  670. package/docs/query/touch-actions.tsx +0 -68
  671. package/docs/react-router/prefetch-link.tsx +0 -262
  672. package/docs/roadmap/ai-chat-components.md +0 -206
  673. package/docs/roadmap/antd-parity.md +0 -155
  674. package/docs/roadmap/badge-tag-chip-count.md +0 -172
  675. package/docs/roadmap/list-masonry.md +0 -159
  676. package/docs/roadmap/parity-audit-data-display-feedback.md +0 -567
  677. package/docs/roadmap/parity-audit-data-entry.md +0 -368
  678. package/docs/roadmap/parity-audit-layout-navigation-general.md +0 -459
  679. package/docs/roadmap/parity-backlog.md +0 -77
  680. package/docs/roadmap/tree-components.md +0 -151
  681. package/docs/roadmap/website-components.md +0 -813
  682. package/docs/showcase/acme-portal.tsx +0 -461
  683. package/docs/showcase/acme-website.tsx +0 -499
  684. package/docs/showcase/caimono-price-comparison.tsx +0 -919
  685. package/docs/showcase/case1-warehouse-dashboard.tsx +0 -358
  686. package/docs/showcase/case2-employee-me.tsx +0 -438
  687. package/docs/showcase/case3-approval-workflow.tsx +0 -531
  688. package/docs/showcase/case4-login.tsx +0 -312
  689. package/docs/showcase/case5-shift-calendar.tsx +0 -702
  690. package/docs/showcase/case6-agency-handy.tsx +0 -1120
  691. package/docs/showcase/futurelastic-web.tsx +0 -441
  692. package/docs/showcase/marketing-page.tsx +0 -895
  693. package/docs/showcase/org-switcher.tsx +0 -320
  694. package/docs/showcase/permission-matrix.tsx +0 -354
  695. package/docs/showcase/public-landing.tsx +0 -210
  696. package/docs/showcase/settings-account-sections.tsx +0 -559
  697. package/docs/showcase/settings-security-mfa.tsx +0 -145
  698. package/docs/showcase/table-approval-queue.tsx +0 -199
  699. package/docs/showcase/table-bulk-actions.tsx +0 -468
  700. package/docs/showcase/table-compact-kintone.tsx +0 -438
  701. package/docs/showcase/table-conditional-format.tsx +0 -367
  702. package/docs/showcase/table-crud-list.tsx +0 -544
  703. package/docs/showcase/table-density.tsx +0 -349
  704. package/docs/showcase/table-expandable-rows.tsx +0 -496
  705. package/docs/showcase/table-filter-chips.tsx +0 -468
  706. package/docs/showcase/table-footer-totals.tsx +0 -328
  707. package/docs/showcase/table-grouped-subtotals.tsx +0 -398
  708. package/docs/showcase/table-master-detail.tsx +0 -482
  709. package/docs/showcase/table-pagination.tsx +0 -409
  710. package/docs/showcase/table-states.tsx +0 -371
  711. package/docs/showcase/table-sticky-columns.tsx +0 -377
  712. package/docs/showcase/table-tree-rows.tsx +0 -451
  713. package/docs/showcase/table-view-tabs.tsx +0 -488
  714. package/docs/showcase/tcgm-website.tsx +0 -1047
  715. package/docs/showcase/tenant-brand-color.tsx +0 -338
  716. package/docs/showcase/theme-customization.tsx +0 -1292
  717. package/docs/showcase/theme-lab.tsx +0 -2125
  718. package/docs/themes/flat.css +0 -466
  719. package/docs/themes/glassmorphism.css +0 -960
  720. package/docs/themes/index.ts +0 -219
  721. package/docs/themes/neubrutalism.css +0 -481
  722. /package/dist/components/navigation/{filter-bar.d.ts → toolbar.d.ts} +0 -0
  723. /package/dist/components/navigation/{filter-bar.js → toolbar.js} +0 -0
  724. /package/dist/{components/data-display → lab}/carousel.d.ts +0 -0
  725. /package/dist/{components/data-entry → lab}/emoji-data.d.ts +0 -0
  726. /package/dist/{components/data-entry → lab}/emoji-data.js +0 -0
  727. /package/dist/{components/data-display → lab}/marquee-reveal.d.ts +0 -0
  728. /package/dist/{components/data-display → lab}/marquee-reveal.js +0 -0
@@ -1,19 +0,0 @@
1
- import * as React from "react";
2
- import type { AttachmentsItemProp, AttachmentsPlaceholderProp, AttachmentsRefProp } from "../../props/components/data-entry.prop.js";
3
- export type { AttachmentsProp, AttachmentsProp as AttachmentsProps, AttachmentsItemProp, AttachmentsPlaceholderProp, AttachmentsOverflowProp, AttachmentsRefProp, } from "../../props/components/data-entry.prop.js";
4
- export declare const Attachments: React.ForwardRefExoticComponent<Omit<import("./upload.js").UploadProp, "children" | "defaultValue" | "onRemove" | "onValueChange" | "showUploadList" | "value" | "variant"> & {
5
- items?: readonly AttachmentsItemProp[];
6
- onChange?: (info: {
7
- file: AttachmentsItemProp;
8
- fileList: AttachmentsItemProp[];
9
- }) => void;
10
- onRemove?: (item: AttachmentsItemProp) => boolean | void | Promise<boolean | void>;
11
- overflow?: import("./attachments.js").AttachmentsOverflowProp;
12
- placeholder?: AttachmentsPlaceholderProp | ((type: "inline" | "drop") => AttachmentsPlaceholderProp);
13
- getDropContainer?: (() => HTMLElement | null | undefined) | null;
14
- classNames?: Partial<Record<import("../../props/components/data-entry.prop.js").AttachmentsSemanticProp, string>>;
15
- styles?: Partial<Record<import("../../props/components/data-entry.prop.js").AttachmentsSemanticProp, React.CSSProperties>>;
16
- rootClassName?: import("../../props/index.js").ClassNameProp;
17
- children?: React.ReactElement;
18
- imageProps?: Record<string, unknown>;
19
- } & React.RefAttributes<AttachmentsRefProp>>;
@@ -1,366 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import * as React from "react";
4
- import { FileIcon, ImagePlus, Plus, X } from "lucide-react";
5
- import { useTranslation } from "../../i18n/use-translation.js";
6
- import { formatBytes } from "../../lib/format.js";
7
- import { cn } from "../../lib/utils.js";
8
- import { Button } from "../general/button.js";
9
- import { Progress } from "../data-display/progress.js";
10
- import { createUploadItem } from "./upload-types.js";
11
- import { readDroppedFiles } from "./upload-files.js";
12
- const AttachmentContext = React.createContext({ disabled: false });
13
- function toAttachmentItem(item) {
14
- const status = item.status === "uploading" ? "uploading" : item.status === "done" ? "done" : item.status === "error" ? "error" : item.status === "removed" ? "removed" : void 0;
15
- return {
16
- uid: item.uid,
17
- name: item.name,
18
- size: item.size,
19
- status,
20
- percent: item.percent,
21
- url: item.url,
22
- thumbUrl: item.previewUrl,
23
- originFileObj: item.file,
24
- response: item.response,
25
- error: item.error
26
- };
27
- }
28
- function resolvePlaceholder(placeholder, type) {
29
- if (!placeholder) return {};
30
- return typeof placeholder === "function" ? placeholder(type) : placeholder;
31
- }
32
- function splitFileName(name) {
33
- const match = /^(.*)\.[^.]+$/.exec(name ?? "");
34
- return match ? [match[1], (name ?? "").slice(match[1].length)] : [name ?? "", ""];
35
- }
36
- function fileMatchesAccept(file, accept) {
37
- if (!accept) return true;
38
- return accept.split(",").some((rule) => {
39
- const trimmed = rule.trim().toLowerCase();
40
- if (trimmed.endsWith("/*")) return file.type.toLowerCase().startsWith(trimmed.slice(0, -1));
41
- return file.type.toLowerCase() === trimmed || trimmed.startsWith(".") && file.name.toLowerCase().endsWith(trimmed);
42
- });
43
- }
44
- function PlaceholderUploader({
45
- type,
46
- placeholder,
47
- onOpen,
48
- onFiles,
49
- className,
50
- style,
51
- hidden
52
- }) {
53
- const { t } = useTranslation();
54
- const { disabled } = React.useContext(AttachmentContext);
55
- const [dragActive, setDragActive] = React.useState(false);
56
- if (hidden) return null;
57
- const title = placeholder.title ?? t("dataEntry.attachments.placeholderTitle");
58
- const description = placeholder.description ?? t("dataEntry.attachments.placeholderDescription");
59
- const icon = placeholder.icon ?? /* @__PURE__ */ jsx(ImagePlus, { "aria-hidden": "true" });
60
- return /* @__PURE__ */ jsxs(
61
- "div",
62
- {
63
- className: cn("ui-attachments-placeholder", className),
64
- style,
65
- "data-drag-active": dragActive ? "true" : void 0,
66
- "data-disabled": disabled ? "true" : void 0,
67
- "aria-hidden": disabled ? true : void 0,
68
- onDragEnter: (event) => {
69
- event.preventDefault();
70
- if (!disabled) setDragActive(true);
71
- },
72
- onDragOver: (event) => event.preventDefault(),
73
- onDragLeave: (event) => {
74
- if (!event.currentTarget.contains(event.relatedTarget)) setDragActive(false);
75
- },
76
- onDrop: async (event) => {
77
- event.preventDefault();
78
- event.stopPropagation();
79
- setDragActive(false);
80
- if (disabled) return;
81
- const files = await readDroppedFiles(event.dataTransfer, false);
82
- if (files.length) onFiles(files);
83
- },
84
- onClick: () => {
85
- if (!disabled) onOpen();
86
- },
87
- onKeyDown: (event) => {
88
- if (disabled) return;
89
- if (event.key === "Enter" || event.key === " ") {
90
- event.preventDefault();
91
- onOpen();
92
- }
93
- },
94
- role: "button",
95
- tabIndex: disabled ? -1 : 0,
96
- "aria-label": String(title),
97
- children: [
98
- /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-icon", children: icon }),
99
- title ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-title", children: title }) : null,
100
- description ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-description", children: description }) : null,
101
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataEntry.attachments.dropLabel", { type }) })
102
- ]
103
- }
104
- );
105
- }
106
- function AttachmentCard({
107
- item,
108
- description,
109
- onRemove,
110
- classNames
111
- }) {
112
- const { t } = useTranslation();
113
- const { disabled } = React.useContext(AttachmentContext);
114
- const preview = item.thumbUrl ?? item.url;
115
- const [namePrefix, nameSuffix] = splitFileName(item.name);
116
- const desc = description ?? item.description ?? (item.status === "uploading" ? `${item.percent ?? 0}%` : item.status === "error" ? typeof item.response === "string" ? item.response : t("dataEntry.attachments.error") : item.size ? formatBytes(item.size) : "");
117
- return /* @__PURE__ */ jsxs(
118
- "li",
119
- {
120
- className: cn("ui-attachments-card", classNames?.card, classNames?.file),
121
- "data-status": item.status,
122
- children: [
123
- preview ? /* @__PURE__ */ jsx("img", { src: preview, alt: "", className: "ui-attachments-card-preview", "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx(FileIcon, {}) }),
124
- /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-content", children: [
125
- /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-name", title: item.name, children: [
126
- /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-prefix", children: namePrefix }),
127
- /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-suffix", children: nameSuffix })
128
- ] }),
129
- desc ? /* @__PURE__ */ jsx(
130
- "span",
131
- {
132
- className: "ui-attachments-card-meta",
133
- title: typeof desc === "string" ? desc : void 0,
134
- children: desc
135
- }
136
- ) : null
137
- ] }),
138
- item.status === "uploading" && item.percent != null ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-progress", children: /* @__PURE__ */ jsx(
139
- Progress,
140
- {
141
- size: "sm",
142
- value: item.percent,
143
- "aria-label": t("dataEntry.attachments.uploading")
144
- }
145
- ) }) : null,
146
- !disabled && onRemove ? /* @__PURE__ */ jsx(
147
- Button,
148
- {
149
- type: "button",
150
- variant: "ghost",
151
- size: "icon-xs",
152
- className: "ui-attachments-card-remove",
153
- "aria-label": t("dataEntry.attachments.remove", { name: item.name }),
154
- onClick: (event) => {
155
- event.stopPropagation();
156
- onRemove();
157
- },
158
- children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
159
- }
160
- ) : null
161
- ]
162
- }
163
- );
164
- }
165
- const Attachments = React.forwardRef(
166
- ({
167
- className,
168
- rootClassName,
169
- classNames = {},
170
- styles = {},
171
- items: controlledItems,
172
- onChange,
173
- onRemove,
174
- overflow,
175
- placeholder,
176
- getDropContainer,
177
- disabled = false,
178
- maxCount,
179
- accept,
180
- multiple,
181
- children
182
- }, ref) => {
183
- const { t } = useTranslation();
184
- const containerRef = React.useRef(null);
185
- const inputRef = React.useRef(null);
186
- const [internalItems, setInternalItems] = React.useState([]);
187
- const [dropActive, setDropActive] = React.useState(false);
188
- const items = controlledItems ?? internalItems;
189
- const setItems = React.useCallback(
190
- (next, file) => {
191
- if (controlledItems === void 0) setInternalItems(next);
192
- onChange?.({ file, fileList: next });
193
- },
194
- [controlledItems, onChange]
195
- );
196
- const openPicker = React.useCallback(() => {
197
- inputRef.current?.click();
198
- }, []);
199
- const dispatchFiles = React.useCallback(
200
- (files) => {
201
- const accepted = files.filter((file) => fileMatchesAccept(file, accept));
202
- if (!accepted.length) return;
203
- const room = maxCount == null ? accepted.length : Math.max(0, maxCount - items.length);
204
- const picked = accepted.slice(0, room);
205
- const next = [
206
- ...items,
207
- ...picked.map((file) => {
208
- const uploadItem = createUploadItem(file);
209
- return toAttachmentItem(uploadItem);
210
- })
211
- ];
212
- const last = next[next.length - 1];
213
- if (last) setItems(next, last);
214
- },
215
- [accept, items, maxCount, setItems]
216
- );
217
- React.useImperativeHandle(ref, () => ({
218
- nativeElement: containerRef.current,
219
- fileNativeElement: inputRef.current,
220
- upload: (file) => dispatchFiles([file]),
221
- select: (options) => {
222
- const input = inputRef.current;
223
- if (!input) return;
224
- input.multiple = options?.multiple ?? false;
225
- input.accept = options?.accept ?? accept ?? "";
226
- input.click();
227
- }
228
- }));
229
- const handleRemove = async (item) => {
230
- const ret = await Promise.resolve(typeof onRemove === "function" ? onRemove(item) : onRemove);
231
- if (ret === false) return;
232
- const next = items.filter((entry) => entry.uid !== item.uid);
233
- setItems(next, { ...item, status: "removed" });
234
- };
235
- const showExtension = !disabled && (maxCount == null || maxCount > items.length) && items.length > 0;
236
- const inlinePlaceholder = resolvePlaceholder(placeholder, "inline");
237
- const dropPlaceholder = resolvePlaceholder(placeholder, "drop");
238
- const hasFiles = items.length > 0;
239
- const fileInput = /* @__PURE__ */ jsx(
240
- "input",
241
- {
242
- ref: inputRef,
243
- type: "file",
244
- className: cn("ui-attachments-input", "sr-only"),
245
- accept,
246
- multiple: multiple ?? (maxCount == null || maxCount > 1),
247
- disabled,
248
- "aria-label": t("dataEntry.attachments.inputLabel"),
249
- onChange: (event) => {
250
- const files = event.target.files ? Array.from(event.target.files) : [];
251
- event.target.value = "";
252
- dispatchFiles(files);
253
- }
254
- }
255
- );
256
- if (children) {
257
- return /* @__PURE__ */ jsxs(AttachmentContext.Provider, { value: { disabled }, children: [
258
- fileInput,
259
- /* @__PURE__ */ jsx(
260
- "div",
261
- {
262
- ref: containerRef,
263
- className: cn("ui-attachments", rootClassName, classNames.root),
264
- style: styles.root,
265
- children
266
- }
267
- ),
268
- /* @__PURE__ */ jsx(
269
- PlaceholderUploader,
270
- {
271
- type: "drop",
272
- placeholder: dropPlaceholder,
273
- onOpen: openPicker,
274
- onFiles: dispatchFiles,
275
- className: classNames.placeholder,
276
- style: styles.placeholder
277
- }
278
- )
279
- ] });
280
- }
281
- const dropScope = getDropContainer?.() ? "viewport" : "control";
282
- return /* @__PURE__ */ jsx(AttachmentContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
283
- "div",
284
- {
285
- ref: containerRef,
286
- className: cn("ui-attachments", className, rootClassName, classNames.root),
287
- style: styles.root,
288
- dir: "auto",
289
- onDragEnter: (event) => {
290
- event.preventDefault();
291
- if (!disabled) setDropActive(true);
292
- },
293
- onDragOver: (event) => event.preventDefault(),
294
- onDragLeave: (event) => {
295
- if (!event.currentTarget.contains(event.relatedTarget)) setDropActive(false);
296
- },
297
- onDrop: async (event) => {
298
- event.preventDefault();
299
- setDropActive(false);
300
- if (disabled) return;
301
- const files = await readDroppedFiles(event.dataTransfer, false);
302
- if (files.length) dispatchFiles(files);
303
- },
304
- children: [
305
- fileInput,
306
- hasFiles ? /* @__PURE__ */ jsxs(
307
- "ul",
308
- {
309
- className: cn("ui-attachments-list", classNames.list),
310
- style: styles.list,
311
- "data-overflow": overflow ?? "wrap",
312
- children: [
313
- items.map((item) => /* @__PURE__ */ jsx(
314
- AttachmentCard,
315
- {
316
- item,
317
- onRemove: () => handleRemove(item),
318
- classNames
319
- },
320
- item.uid
321
- )),
322
- showExtension ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
323
- "button",
324
- {
325
- type: "button",
326
- className: cn("ui-attachments-upload-btn", classNames.upload),
327
- style: styles.upload,
328
- disabled,
329
- "aria-label": t("dataEntry.attachments.add"),
330
- onClick: openPicker,
331
- children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
332
- }
333
- ) }) : null
334
- ]
335
- }
336
- ) : null,
337
- /* @__PURE__ */ jsx(
338
- PlaceholderUploader,
339
- {
340
- type: "inline",
341
- placeholder: inlinePlaceholder,
342
- onOpen: openPicker,
343
- onFiles: dispatchFiles,
344
- className: classNames.placeholder,
345
- style: hasFiles ? { display: "none" } : styles.placeholder,
346
- hidden: hasFiles
347
- }
348
- ),
349
- /* @__PURE__ */ jsx(
350
- "div",
351
- {
352
- className: "ui-attachments-drop-layer",
353
- "data-scope": dropScope,
354
- "data-active": dropActive ? "true" : void 0,
355
- "aria-hidden": "true"
356
- }
357
- )
358
- ]
359
- }
360
- ) });
361
- }
362
- );
363
- Attachments.displayName = "Attachments";
364
- export {
365
- Attachments
366
- };
@@ -1,51 +0,0 @@
1
- import * as React from "react";
2
- export type { ChatComposerProp, ChatComposerProp as ChatComposerProps, ChatComposerSubmitTypeProp, ChatComposerActionComponents, ChatComposerFooterProp, } from "../../props/components/data-entry.prop.js";
3
- /**
4
- * ChatComposer — the message input of a conversation (Ant Design X `Sender`).
5
- *
6
- * ## Why a component and not a composition
7
- *
8
- * Three behaviours live here and nowhere else, and every app that hand-rolls a composer gets at
9
- * least one of them wrong:
10
- *
11
- * 1. **An IME conversion is not a message.** Between `compositionstart` and `compositionend` the
12
- * text in the box is a CANDIDATE being converted, and the `Enter` that accepts it belongs to
13
- * the IME. A composer that reads that `Enter` as "send" makes Japanese and Vietnamese input
14
- * impossible — the first kanji conversion sends a half-written line. The guard is a ref, not
15
- * state, because it has to be readable inside the keydown that fires between the two events.
16
- * 2. **One trailing action at a time.** While a response streams the send button IS the cancel
17
- * button — the same discipline as the picker trailing-action rule. Rendering both is how a
18
- * user cancels by aiming for send.
19
- * 3. **The draft box is the focus target.** `ref`, `id`, `name` and the whole `FormField`
20
- * label/helper/error contract land on the `<textarea>`, not on the frame, so a composer inside
21
- * a `FormField` is labelled and described exactly like an `Input`.
22
- *
23
- * Everything visible is a real primitive: the draft box is `Textarea` (`variant="borderless"`, so
24
- * the frame is the only boundary) and every action is a `Button`.
25
- */
26
- export declare const ChatComposer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "onKeyDown" | "onSubmit" | "prefix"> & import("../../lib/field-a11y.js").FieldA11yProps & {
27
- value?: import("../../props/index.js").ValueProp<string>;
28
- defaultValue?: import("../../props/index.js").DefaultValueProp<string>;
29
- onValueChange?: import("../../props/index.js").OnValueChangeProp<string>;
30
- onSubmit?: (value: string) => void;
31
- onCancel?: () => void;
32
- loading?: import("../../props/index.js").PendingProp;
33
- submitType?: import("./chat-composer.js").ChatComposerSubmitTypeProp;
34
- allowEmptySubmit?: boolean;
35
- placeholder?: import("../../props/index.js").PlaceholderProp;
36
- disabled?: import("../../props/index.js").DisabledProp;
37
- readOnly?: boolean;
38
- header?: React.ReactNode;
39
- prefix?: React.ReactNode;
40
- footer?: import("./chat-composer.js").ChatComposerFooterProp;
41
- actions?: React.ReactNode | false;
42
- size?: import("../../props/index.js").SizeProp;
43
- maxLength?: number;
44
- status?: import("../../props/index.js").ControlStatusProp;
45
- submitLabel?: string;
46
- cancelLabel?: string;
47
- onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
48
- name?: import("../../props/index.js").NameProp;
49
- id?: import("../../props/index.js").IdProp;
50
- className?: import("../../props/index.js").ClassNameProp;
51
- } & React.RefAttributes<HTMLTextAreaElement>>;
@@ -1,200 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import * as React from "react";
4
- import { SendHorizontal, Square } from "lucide-react";
5
- import { useTranslation } from "../../i18n/use-translation.js";
6
- import { cn } from "../../lib/utils.js";
7
- import { isApplePlatform } from "../../lib/platform.js";
8
- import { omitFieldA11y, pickFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
9
- import { Button } from "../general/button.js";
10
- import { Textarea } from "./textarea.js";
11
- import { controlSurfaceAttrs, resolveAriaInvalid } from "./control-surface.js";
12
- import { isImeComposing } from "../../lib/ime.js";
13
- function isSendable(text) {
14
- return text.trim().length > 0;
15
- }
16
- const ChatComposer = React.forwardRef(
17
- ({
18
- className,
19
- id,
20
- name,
21
- value,
22
- defaultValue,
23
- onValueChange,
24
- onSubmit,
25
- onCancel,
26
- loading = false,
27
- submitType = "enter",
28
- allowEmptySubmit = false,
29
- placeholder,
30
- disabled = false,
31
- readOnly = false,
32
- header,
33
- prefix,
34
- footer,
35
- actions,
36
- size,
37
- maxLength,
38
- status,
39
- submitLabel,
40
- cancelLabel,
41
- onKeyDown,
42
- ...props
43
- }, ref) => {
44
- const { t } = useTranslation();
45
- const innerRef = React.useRef(null);
46
- const setRefs = React.useCallback(
47
- (node) => {
48
- innerRef.current = node;
49
- if (typeof ref === "function") ref(node);
50
- else if (ref) ref.current = node;
51
- },
52
- [ref]
53
- );
54
- const [draft, setDraft] = React.useState(() => String(value ?? defaultValue ?? ""));
55
- React.useEffect(() => {
56
- if (value !== void 0) setDraft(String(value));
57
- }, [value]);
58
- const composing = React.useRef(false);
59
- const fieldA11y = pickFieldA11y(props);
60
- const rest = omitFieldA11y(props);
61
- const identity = useFieldIdentity({ id, name, "data-field": props["data-field"] });
62
- const surface = controlSurfaceAttrs({ status, size });
63
- const canSubmit = (allowEmptySubmit || isSendable(draft)) && !disabled && !readOnly && !loading;
64
- const submit = React.useCallback(() => {
65
- if (disabled || readOnly || loading) return;
66
- const text = innerRef.current?.value ?? draft;
67
- if (isSendable(text)) onSubmit?.(text);
68
- else if (allowEmptySubmit) onSubmit?.("");
69
- }, [draft, disabled, readOnly, loading, allowEmptySubmit, onSubmit]);
70
- const handleKeyDown = (event) => {
71
- onKeyDown?.(event);
72
- if (event.defaultPrevented) return;
73
- if (event.key !== "Enter") return;
74
- if (composing.current || isImeComposing(event)) return;
75
- const wantsSend = submitType === "modEnter" ? (
76
- // ⌘ on Apple platforms, Ctrl everywhere else — the other one is left alone, because
77
- // Ctrl+Enter on a Mac is not the convention a Mac user reaches for.
78
- isApplePlatform() ? event.metaKey : event.ctrlKey
79
- ) : submitType === "enter" ? !event.shiftKey : event.shiftKey;
80
- if (!wantsSend) return;
81
- event.preventDefault();
82
- submit();
83
- };
84
- const sendName = submitLabel ?? t("dataEntry.chatComposer.send");
85
- const cancelName = cancelLabel ?? t("dataEntry.chatComposer.cancel");
86
- const actionSize = size === "xs" ? "icon-xs" : size === "sm" ? "icon-sm" : size === "lg" ? "icon-lg" : "icon";
87
- const liveRef = React.useRef({
88
- actionSize,
89
- sendName,
90
- cancelName,
91
- submit,
92
- onCancel,
93
- canSubmit,
94
- disabled
95
- });
96
- liveRef.current = { actionSize, sendName, cancelName, submit, onCancel, canSubmit, disabled };
97
- const SubmitButton = React.useMemo(
98
- () => function SubmitButton2(buttonProps) {
99
- const live = liveRef.current;
100
- return /* @__PURE__ */ jsx(
101
- Button,
102
- {
103
- type: "button",
104
- size: live.actionSize,
105
- "aria-label": live.sendName,
106
- onClick: live.submit,
107
- disabled: !live.canSubmit,
108
- ...buttonProps,
109
- children: buttonProps.children ?? /* @__PURE__ */ jsx(SendHorizontal, { "aria-hidden": "true" })
110
- }
111
- );
112
- },
113
- []
114
- );
115
- const CancelButton = React.useMemo(
116
- () => function CancelButton2(buttonProps) {
117
- const live = liveRef.current;
118
- return /* @__PURE__ */ jsx(
119
- Button,
120
- {
121
- type: "button",
122
- size: live.actionSize,
123
- variant: "secondary",
124
- "aria-label": live.cancelName,
125
- onClick: live.onCancel,
126
- disabled: live.disabled,
127
- ...buttonProps,
128
- children: buttonProps.children ?? /* @__PURE__ */ jsx(Square, { "aria-hidden": "true" })
129
- }
130
- );
131
- },
132
- []
133
- );
134
- const actionComponents = React.useMemo(
135
- () => ({ SubmitButton, CancelButton }),
136
- [SubmitButton, CancelButton]
137
- );
138
- const footerContent = typeof footer === "function" ? footer({ components: actionComponents }) : footer;
139
- return /* @__PURE__ */ jsxs(
140
- "div",
141
- {
142
- "data-slot": "chat-composer",
143
- "data-disabled": disabled ? "" : void 0,
144
- "data-loading": loading ? "" : void 0,
145
- "data-submit-type": submitType,
146
- "aria-busy": loading || void 0,
147
- className: cn("ui-chat-composer ui-control-surface", className),
148
- ...rest,
149
- ...surface,
150
- children: [
151
- header ? /* @__PURE__ */ jsx("div", { "data-slot": "chat-composer-header", className: "ui-chat-composer-header", children: header }) : null,
152
- /* @__PURE__ */ jsxs("div", { "data-slot": "chat-composer-row", className: "ui-chat-composer-row", children: [
153
- prefix ? /* @__PURE__ */ jsx("div", { "data-slot": "chat-composer-prefix", className: "ui-chat-composer-prefix", children: prefix }) : null,
154
- /* @__PURE__ */ jsx(
155
- Textarea,
156
- {
157
- ref: setRefs,
158
- id,
159
- name,
160
- variant: "borderless",
161
- autoGrow: true,
162
- className: "ui-chat-composer-field",
163
- value,
164
- defaultValue,
165
- placeholder: placeholder ?? t("dataEntry.chatComposer.placeholder"),
166
- disabled,
167
- readOnly,
168
- maxLength,
169
- status,
170
- "aria-invalid": resolveAriaInvalid(fieldA11y["aria-invalid"], status),
171
- onValueChange: (next) => {
172
- if (value === void 0) setDraft(next);
173
- onValueChange?.(next);
174
- },
175
- onKeyDown: handleKeyDown,
176
- onCompositionStart: () => {
177
- composing.current = true;
178
- },
179
- onCompositionEnd: () => {
180
- composing.current = false;
181
- },
182
- ...fieldA11y,
183
- ...identity
184
- }
185
- ),
186
- actions === false ? null : /* @__PURE__ */ jsxs("div", { "data-slot": "chat-composer-actions", className: "ui-chat-composer-actions", children: [
187
- actions,
188
- loading ? /* @__PURE__ */ jsx(CancelButton, {}) : /* @__PURE__ */ jsx(SubmitButton, {})
189
- ] })
190
- ] }),
191
- footerContent ? /* @__PURE__ */ jsx("div", { "data-slot": "chat-composer-footer", className: "ui-chat-composer-footer", children: footerContent }) : null
192
- ]
193
- }
194
- );
195
- }
196
- );
197
- ChatComposer.displayName = "ChatComposer";
198
- export {
199
- ChatComposer
200
- };
@@ -1,28 +0,0 @@
1
- import * as React from "react";
2
- import type { ChatSuggestionProp } from "../../props/components/data-entry.prop.js";
3
- export type { ChatSuggestionProp, ChatSuggestionProp as ChatSuggestionProps, ChatSuggestionItemProp, ChatSuggestionRenderProp, } from "../../props/components/data-entry.prop.js";
4
- /**
5
- * ChatSuggestion — trigger-character autocomplete over a `ChatComposer` (Ant Design X
6
- * `Suggestion`).
7
- *
8
- * ## What it owns, and what it deliberately does not
9
- *
10
- * The list is the existing `Command` (cmdk) inside a `Popover`: the listbox/option roles, the
11
- * active-row bookkeeping and the scroll-into-view all come from a primitive that already ships
12
- * them, so there is no hand-rolled listbox here. What this component owns is the part `Command`
13
- * cannot know about — a `<textarea>` it does not render:
14
- *
15
- * - **Detecting the trigger at the CARET**, not merely anywhere in the text, so a `/` in the
16
- * middle of a URL opens nothing and a caret moved out of a token closes the list.
17
- * - **Driving the list from a box that keeps focus.** Focus never leaves the textarea (the popover
18
- * is opened with `onOpenAutoFocus` prevented), so arrows/Enter are forwarded through the render
19
- * prop and the active row is announced through `aria-activedescendant` — the APG combobox
20
- * pattern, rather than moving focus into the panel and stranding the draft.
21
- * - **`Escape` costs nothing.** It closes the list, returns focus to the textarea and leaves the
22
- * typed text exactly as it was; a suggestion list that eats the draft on dismiss is the defect
23
- * this guards.
24
- */
25
- export declare function ChatSuggestion({ items, onValueChange, triggerCharacter, open, defaultOpen, onOpenChange, children, emptyMessage, listLabel: listLabelProp, id, className, allowSpaces, terminator, shouldFilter, onQueryChange, }: ChatSuggestionProp): React.JSX.Element;
26
- export declare namespace ChatSuggestion {
27
- var displayName: string;
28
- }