@mcp-b/react-components 0.11.0 → 0.13.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 (253) hide show
  1. package/dist/{AgentChat-B9LD_WF1.d.ts → AgentChat-Br6tKEl8.d.ts} +38 -10
  2. package/dist/{BrowserLiveView-ZktFZiMD.d.ts → BrowserLiveView-BV5qgFgI.d.ts} +11 -10
  3. package/dist/{BrowserReplay-6G-mnwcn.d.ts → BrowserReplay-xWvRjRAC.d.ts} +2 -1
  4. package/dist/{Button-Ct5I6aTu.d.ts → Button-FX_hpqxm.d.ts} +8 -11
  5. package/dist/{CodeBlock-XNQOupQ3.js → CodeBlock-BUFXG8HW.js} +22 -12
  6. package/dist/{CodeBlock-CxQXv3C4.d.ts → CodeBlock-DUh9WOGo.d.ts} +13 -7
  7. package/dist/{Combobox-D9anamNr.d.ts → Combobox-B9Fcd6q-.d.ts} +4 -14
  8. package/dist/{FileTree-wMyZhhHO.js → FileTree-mpEIcfzA.js} +1 -1
  9. package/dist/{Menu-B5vDqZe_.d.ts → Menu-Bgu-ufb5.d.ts} +29 -65
  10. package/dist/{ModelSelector-DXtpcRmT.js → ModelSelector-DVgVBdvw.js} +23 -20
  11. package/dist/{PromptInput-D6-G24p7.d.ts → PromptInput-p5KmOmt1.d.ts} +313 -89
  12. package/dist/Select-Dl_vF_Bt.d.ts +213 -0
  13. package/dist/{Tabs-D9EAq09D.d.ts → Tabs-3Zc4tb9D.d.ts} +9 -6
  14. package/dist/ThinkChat-7DQ2CogF.js +222 -0
  15. package/dist/{ThinkChatActivity-B2UD95My.d.ts → ThinkChatActivity-Cuk28Js_.d.ts} +4 -4
  16. package/dist/ThinkChatContext-C3Eb1Xpi.d.ts +16 -0
  17. package/dist/{ThinkChatToolParts-DnUiZgCC.d.ts → ThinkChatToolParts-Cv4o7j6F.d.ts} +13 -5
  18. package/dist/{attachment-preview-ChtC3HiU.js → attachment-preview-DIs50Q0h.js} +3 -3
  19. package/dist/components/Accordion.d.ts +17 -6
  20. package/dist/components/Accordion.js +23 -36
  21. package/dist/components/Activity.d.ts +5 -5
  22. package/dist/components/Activity.js +9 -9
  23. package/dist/components/AgentChat.d.ts +1 -1
  24. package/dist/components/AgentChat.js +354 -132
  25. package/dist/components/AgentConnection.js +6 -22
  26. package/dist/components/AlertDialog.d.ts +40 -32
  27. package/dist/components/AlertDialog.js +46 -39
  28. package/dist/components/Artifact.d.ts +1 -1
  29. package/dist/components/Artifact.js +5 -5
  30. package/dist/components/Autocomplete.js +10 -2
  31. package/dist/components/Avatar.d.ts +2 -2
  32. package/dist/components/Avatar.js +3 -3
  33. package/dist/components/Badge.d.ts +11 -14
  34. package/dist/components/Badge.js +11 -33
  35. package/dist/components/BrowserLiveView.d.ts +1 -1
  36. package/dist/components/BrowserLiveView.js +39 -45
  37. package/dist/components/BrowserReplay.d.ts +1 -1
  38. package/dist/components/BrowserReplay.js +4 -4
  39. package/dist/components/BrowserRunPanel.js +91 -55
  40. package/dist/components/Button.d.ts +2 -2
  41. package/dist/components/Button.js +7 -30
  42. package/dist/components/ChainOfThought.d.ts +5 -5
  43. package/dist/components/ChainOfThought.js +8 -5
  44. package/dist/components/ChatGptSignInScreen.js +3 -3
  45. package/dist/components/Checkbox.d.ts +10 -2
  46. package/dist/components/Checkbox.js +13 -6
  47. package/dist/components/CheckboxGroup.d.ts +6 -6
  48. package/dist/components/CheckboxGroup.js +6 -6
  49. package/dist/components/CodeBlock.d.ts +1 -1
  50. package/dist/components/CodeBlock.js +1 -1
  51. package/dist/components/CodexModelSelector.d.ts +58 -0
  52. package/dist/components/CodexModelSelector.js +170 -0
  53. package/dist/components/Collapsible.d.ts +2 -4
  54. package/dist/components/Collapsible.js +9 -7
  55. package/dist/components/Combobox.d.ts +2 -2
  56. package/dist/components/Combobox.js +20 -22
  57. package/dist/components/Commit.d.ts +6 -6
  58. package/dist/components/Commit.js +14 -26
  59. package/dist/components/Context.js +5 -1
  60. package/dist/components/ContextMenu.d.ts +20 -72
  61. package/dist/components/ContextMenu.js +46 -56
  62. package/dist/components/Conversation.d.ts +3 -7
  63. package/dist/components/Conversation.js +3 -4
  64. package/dist/components/Dialog.d.ts +38 -30
  65. package/dist/components/Dialog.js +46 -34
  66. package/dist/components/EnvironmentVariables.d.ts +2 -7
  67. package/dist/components/EnvironmentVariables.js +13 -36
  68. package/dist/components/Field.d.ts +3 -3
  69. package/dist/components/Field.js +7 -8
  70. package/dist/components/Fieldset.d.ts +2 -2
  71. package/dist/components/Fieldset.js +2 -2
  72. package/dist/components/FileTree.js +1 -1
  73. package/dist/components/Label.d.ts +1 -1
  74. package/dist/components/Label.js +1 -1
  75. package/dist/components/Marker.js +1 -15
  76. package/dist/components/McpServerPicker.d.ts +31 -6
  77. package/dist/components/McpServerPicker.js +136 -72
  78. package/dist/components/Menu.d.ts +2 -2
  79. package/dist/components/Menu.js +41 -51
  80. package/dist/components/Menubar.d.ts +16 -52
  81. package/dist/components/Menubar.js +44 -56
  82. package/dist/components/Message.d.ts +4 -3
  83. package/dist/components/Message.js +16 -9
  84. package/dist/components/MessageScroller.d.ts +1 -1
  85. package/dist/components/MessageScroller.js +1 -1
  86. package/dist/components/Meter.js +5 -0
  87. package/dist/components/ModelSelector.d.ts +12 -9
  88. package/dist/components/ModelSelector.js +1 -1
  89. package/dist/components/NavigationMenu.d.ts +3 -14
  90. package/dist/components/NavigationMenu.js +22 -38
  91. package/dist/components/NumberField.js +6 -0
  92. package/dist/components/Popover.d.ts +21 -44
  93. package/dist/components/Popover.js +33 -23
  94. package/dist/components/PreviewCard.d.ts +20 -18
  95. package/dist/components/PreviewCard.js +30 -20
  96. package/dist/components/PricingPage.js +30 -29
  97. package/dist/components/Progress.d.ts +7 -3
  98. package/dist/components/Progress.js +9 -4
  99. package/dist/components/PromptInput.d.ts +2 -2
  100. package/dist/components/PromptInput.js +184 -148
  101. package/dist/components/Queue.d.ts +8 -19
  102. package/dist/components/Queue.js +6 -6
  103. package/dist/components/RadioGroup.d.ts +10 -9
  104. package/dist/components/RadioGroup.js +8 -9
  105. package/dist/components/Reasoning.d.ts +4 -4
  106. package/dist/components/Reasoning.js +12 -21
  107. package/dist/components/ScrollArea.d.ts +2 -9
  108. package/dist/components/ScrollArea.js +5 -23
  109. package/dist/components/Select.d.ts +2 -2
  110. package/dist/components/Select.js +100 -134
  111. package/dist/components/Slider.d.ts +10 -7
  112. package/dist/components/Slider.js +12 -11
  113. package/dist/components/Sources.d.ts +4 -4
  114. package/dist/components/Sources.js +8 -5
  115. package/dist/components/Stepper.js +2 -8
  116. package/dist/components/Switch.d.ts +6 -3
  117. package/dist/components/Switch.js +7 -4
  118. package/dist/components/Tabs.d.ts +2 -2
  119. package/dist/components/Tabs.js +9 -4
  120. package/dist/components/Task.d.ts +4 -4
  121. package/dist/components/Task.js +10 -6
  122. package/dist/components/Terminal.d.ts +2 -2
  123. package/dist/components/Terminal.js +5 -5
  124. package/dist/components/TestResults.d.ts +4 -4
  125. package/dist/components/TestResults.js +5 -5
  126. package/dist/components/ThinkChat.d.ts +37 -30
  127. package/dist/components/ThinkChat.js +1 -152
  128. package/dist/components/ThinkChatActivity.d.ts +2 -2
  129. package/dist/components/ThinkChatActivity.js +4 -11
  130. package/dist/components/ThinkChatContext.d.ts +2 -2
  131. package/dist/components/ThinkChatContext.js +9 -2
  132. package/dist/components/ThinkChatToolPanels.d.ts +1 -1
  133. package/dist/components/ThinkChatToolPanels.js +27 -15
  134. package/dist/components/ThinkChatToolParts.d.ts +1 -1
  135. package/dist/components/ThinkExecutionWorkbench.d.ts +10 -7
  136. package/dist/components/ThinkExecutionWorkbench.js +382 -359
  137. package/dist/components/ThinkFullApp.d.ts +16 -13
  138. package/dist/components/ThinkFullApp.js +35 -25
  139. package/dist/components/ThinkThreadPicker.d.ts +1 -31
  140. package/dist/components/ThinkThreadPicker.js +32 -171
  141. package/dist/components/ThinkThreadShell.d.ts +35 -0
  142. package/dist/components/ThinkThreadShell.js +146 -0
  143. package/dist/components/Toast.js +7 -0
  144. package/dist/components/ToggleGroup.d.ts +6 -2
  145. package/dist/components/ToggleGroup.js +6 -2
  146. package/dist/components/Toolbar.js +6 -0
  147. package/dist/components/Tooltip.d.ts +36 -27
  148. package/dist/components/Tooltip.js +45 -29
  149. package/dist/components/WebPreview.d.ts +1 -1
  150. package/dist/components/WebPreview.js +3 -3
  151. package/dist/components/WorkspaceExplorer.d.ts +6 -8
  152. package/dist/components/WorkspaceExplorer.js +9 -7
  153. package/dist/components/icons.d.ts +2 -2
  154. package/dist/components/icons.js +2 -2
  155. package/dist/{copy-button-C6JSKtFE.js → copy-button-DUMLYdsk.js} +7 -6
  156. package/dist/{copy-button-BKXqGiNm.d.ts → copy-button-DtPMgN7e.d.ts} +3 -2
  157. package/dist/icons-Ba9THQKz.js +64 -0
  158. package/dist/icons-CUCz_Sft.d.ts +210 -0
  159. package/dist/merge-refs-DF_7w2x_.js +18 -0
  160. package/dist/styles/accessibility.css +14 -0
  161. package/dist/styles/accordion.css +21 -61
  162. package/dist/styles/activity.css +23 -58
  163. package/dist/styles/agent-chat.css +49 -5
  164. package/dist/styles/agent-connection.css +8 -10
  165. package/dist/styles/alert-dialog.css +20 -26
  166. package/dist/styles/artifact.css +6 -6
  167. package/dist/styles/attachment-preview.css +1 -1
  168. package/dist/styles/autocomplete.css +5 -170
  169. package/dist/styles/avatar.css +8 -8
  170. package/dist/styles/badge.css +8 -10
  171. package/dist/styles/base-ui-motion.css +176 -0
  172. package/dist/styles/base.css +19 -25
  173. package/dist/styles/browser-live-view.css +7 -7
  174. package/dist/styles/browser-replay.css +5 -5
  175. package/dist/styles/browser-run-panel.css +59 -112
  176. package/dist/styles/button.css +48 -43
  177. package/dist/styles/card.css +3 -5
  178. package/dist/styles/chain-of-thought.css +14 -70
  179. package/dist/styles/chatgpt-sign-in-screen.css +3 -3
  180. package/dist/styles/checkbox-group.css +1 -1
  181. package/dist/styles/checkbox.css +3 -7
  182. package/dist/styles/code-block.css +10 -10
  183. package/dist/styles/codex-model-selector.css +186 -0
  184. package/dist/styles/collapsible.css +11 -27
  185. package/dist/styles/combobox.css +3 -149
  186. package/dist/styles/commit.css +19 -35
  187. package/dist/styles/context-menu.css +1 -77
  188. package/dist/styles/context.css +12 -12
  189. package/dist/styles/conversation.css +7 -7
  190. package/dist/styles/dialog.css +34 -55
  191. package/dist/styles/environment-variables.css +10 -10
  192. package/dist/styles/field.css +16 -58
  193. package/dist/styles/fieldset.css +2 -2
  194. package/dist/styles/file-tree.css +7 -9
  195. package/dist/styles/index.css +12 -2
  196. package/dist/styles/input.css +1 -51
  197. package/dist/styles/label.css +2 -2
  198. package/dist/styles/marker.css +2 -4
  199. package/dist/styles/mcp-server-picker.css +66 -19
  200. package/dist/styles/menu.css +6 -153
  201. package/dist/styles/menubar.css +6 -105
  202. package/dist/styles/message-scroller.css +1 -1
  203. package/dist/styles/message.css +87 -9
  204. package/dist/styles/meter.css +4 -20
  205. package/dist/styles/model-selector.css +32 -20
  206. package/dist/styles/navigation-menu.css +14 -54
  207. package/dist/styles/number-field.css +8 -23
  208. package/dist/styles/popover.css +13 -68
  209. package/dist/styles/preview-card.css +5 -46
  210. package/dist/styles/pricing-page.css +43 -43
  211. package/dist/styles/progress.css +7 -16
  212. package/dist/styles/prompt-input.css +100 -44
  213. package/dist/styles/queue.css +12 -28
  214. package/dist/styles/radio.css +4 -8
  215. package/dist/styles/reasoning.css +3 -62
  216. package/dist/styles/recipes.css +475 -0
  217. package/dist/styles/select.css +7 -103
  218. package/dist/styles/shell.css +3 -3
  219. package/dist/styles/slider.css +5 -7
  220. package/dist/styles/sources.css +9 -66
  221. package/dist/styles/stepper.css +16 -14
  222. package/dist/styles/streamdown.css +11 -57
  223. package/dist/styles/switch.css +4 -7
  224. package/dist/styles/tabs.css +7 -8
  225. package/dist/styles/task.css +13 -42
  226. package/dist/styles/terminal.css +7 -7
  227. package/dist/styles/test-results.css +21 -37
  228. package/dist/styles/think-execution-workbench.css +337 -0
  229. package/dist/styles/think-full-app.css +27 -410
  230. package/dist/styles/think-resize-handle.css +33 -0
  231. package/dist/styles/think-thread-picker.css +18 -247
  232. package/dist/styles/think-thread-shell.css +219 -0
  233. package/dist/styles/toast.css +14 -25
  234. package/dist/styles/toggle-group.css +16 -14
  235. package/dist/styles/toggle.css +14 -15
  236. package/dist/styles/toolbar.css +13 -25
  237. package/dist/styles/tooltip.css +6 -16
  238. package/dist/styles/web-preview.css +15 -15
  239. package/dist/styles/workspace-explorer.css +21 -14
  240. package/dist/summarize-tool-input-BUJsENSn.js +12 -0
  241. package/dist/utils/codex-model-catalog.d.ts +142 -0
  242. package/dist/utils/codex-model-catalog.js +112 -0
  243. package/dist/utils/structured-code.d.ts +1 -1
  244. package/package.json +8 -2
  245. package/dist/Select-CRsKCJ9x.d.ts +0 -200
  246. package/dist/ThinkChatContext-BLAAb8J5.d.ts +0 -28
  247. package/dist/components/McpServerConnections.d.ts +0 -41
  248. package/dist/components/McpServerConnections.js +0 -188
  249. package/dist/components/useStickToBottom.d.ts +0 -33
  250. package/dist/components/useStickToBottom.js +0 -107
  251. package/dist/icons-CbjtbIJK.d.ts +0 -51
  252. package/dist/icons-D2Q5n5C1.js +0 -291
  253. package/dist/styles/mcp-server-connections.css +0 -145
@@ -1,16 +1,16 @@
1
- import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from "./Accordion.js";
1
+ import { Accordion } from "./Accordion.js";
2
2
  import { Separator } from "./Separator.js";
3
3
  import { Button } from "./Button.js";
4
- import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
5
- import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle } from "./AlertDialog.js";
4
+ import { Tooltip } from "./Tooltip.js";
5
+ import { AlertDialog } from "./AlertDialog.js";
6
6
  import { Badge } from "./Badge.js";
7
- import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
7
+ import { Slider } from "./Slider.js";
8
8
  import { Card } from "./Card.js";
9
9
  import { Checkbox } from "./Checkbox.js";
10
- import { Switch, SwitchThumb } from "./Switch.js";
10
+ import { Switch } from "./Switch.js";
11
11
  import { Label } from "./Label.js";
12
- import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
13
- import { Progress, ProgressIndicator, ProgressTrack } from "./Progress.js";
12
+ import { ToggleGroup } from "./ToggleGroup.js";
13
+ import { Progress } from "./Progress.js";
14
14
  import * as React from "react";
15
15
  import { jsx, jsxs } from "react/jsx-runtime";
16
16
  //#region src/components/PricingPage.tsx
@@ -226,11 +226,12 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
226
226
  className: "pricing-page__billing-toggle",
227
227
  children: [!billingToggleVariant && /* @__PURE__ */ jsxs("div", {
228
228
  className: "pricing-page__toggle-options",
229
- children: [/* @__PURE__ */ jsx(Checkbox, {
229
+ children: [/* @__PURE__ */ jsx(Checkbox.Root, {
230
230
  checked: useSwitchToggle,
231
231
  onCheckedChange: (checked) => setUseSwitchToggle(!!checked),
232
232
  id: "toggle-type",
233
- "aria-label": "Use switch style"
233
+ "aria-label": "Use switch style",
234
+ children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
234
235
  }), /* @__PURE__ */ jsx(Label, {
235
236
  htmlFor: "toggle-type",
236
237
  style: { fontSize: "0.75rem" },
@@ -243,11 +244,11 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
243
244
  className: `pricing-page__period-label ${!isYearly ? "pricing-page__period-label--active" : ""}`,
244
245
  children: "Monthly"
245
246
  }),
246
- /* @__PURE__ */ jsx(Switch, {
247
+ /* @__PURE__ */ jsx(Switch.Root, {
247
248
  checked: isYearly,
248
249
  onCheckedChange: (checked) => setBillingPeriod(checked ? "yearly" : "monthly"),
249
250
  "aria-label": "Toggle yearly billing",
250
- children: /* @__PURE__ */ jsx(SwitchThumb, {})
251
+ children: /* @__PURE__ */ jsx(Switch.Thumb, {})
251
252
  }),
252
253
  /* @__PURE__ */ jsxs("span", {
253
254
  className: `pricing-page__period-label ${isYearly ? "pricing-page__period-label--active" : ""}`,
@@ -263,13 +264,13 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
263
264
  })]
264
265
  })
265
266
  ]
266
- }) : /* @__PURE__ */ jsxs(ToggleGroup, {
267
+ }) : /* @__PURE__ */ jsxs(ToggleGroup.Root, {
267
268
  value: [billingPeriod],
268
269
  onValueChange: (v) => v.length > 0 && setBillingPeriod(v[0]),
269
- children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
270
+ children: [/* @__PURE__ */ jsx(ToggleGroup.Item, {
270
271
  value: "monthly",
271
272
  children: "Monthly"
272
- }), /* @__PURE__ */ jsxs(ToggleGroupItem, {
273
+ }), /* @__PURE__ */ jsxs(ToggleGroup.Item, {
273
274
  value: "yearly",
274
275
  children: ["Yearly", /* @__PURE__ */ jsxs(Badge, {
275
276
  color: "success",
@@ -356,11 +357,11 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
356
357
  ]
357
358
  })]
358
359
  }),
359
- feature.tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
360
+ feature.tooltip && /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
360
361
  className: "pricing-page__feature-info",
361
362
  "aria-label": `More information about ${feature.name}`,
362
363
  children: /* @__PURE__ */ jsx(InfoIcon, {})
363
- }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipPopup, { children: feature.tooltip }) }) })] })
364
+ }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: feature.tooltip }) }) })] })
364
365
  ]
365
366
  }, index))
366
367
  })
@@ -378,7 +379,7 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
378
379
  className: "pricing-page__calculator-description",
379
380
  children: ["Adjust the slider to see pricing based on your expected ", usageUnit]
380
381
  }),
381
- /* @__PURE__ */ jsxs(Slider, {
382
+ /* @__PURE__ */ jsxs(Slider.Root, {
382
383
  value: usage,
383
384
  onValueChange: (v) => setUsage(Array.isArray(v) ? v[0] : v),
384
385
  min: 0,
@@ -393,7 +394,7 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
393
394
  children: formatNumber(usage)
394
395
  })]
395
396
  }),
396
- /* @__PURE__ */ jsx(SliderControl, { children: /* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), /* @__PURE__ */ jsx(SliderThumb, { "aria-label": `Monthly ${usageUnit}` })] }) }),
397
+ /* @__PURE__ */ jsx(Slider.Control, { children: /* @__PURE__ */ jsxs(Slider.Track, { children: [/* @__PURE__ */ jsx(Slider.Indicator, {}), /* @__PURE__ */ jsx(Slider.Thumb, { "aria-label": `Monthly ${usageUnit}` })] }) }),
397
398
  /* @__PURE__ */ jsxs("div", {
398
399
  className: "pricing-page__calculator-range",
399
400
  children: [/* @__PURE__ */ jsx("span", { children: "0" }), /* @__PURE__ */ jsx("span", { children: formatNumber(maxUsage) })]
@@ -436,11 +437,11 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
436
437
  "/mo"
437
438
  ]
438
439
  })]
439
- }), /* @__PURE__ */ jsx(Progress, {
440
+ }), /* @__PURE__ */ jsx(Progress.Root, {
440
441
  "aria-label": `Progress toward ${tier.label}`,
441
442
  value: isActive ? 100 : tier.limit > 0 ? usage / tier.limit * 100 : 0,
442
443
  color: isActive ? "success" : "primary",
443
- children: /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
444
+ children: /* @__PURE__ */ jsx(Progress.Track, { children: /* @__PURE__ */ jsx(Progress.Indicator, {}) })
444
445
  })]
445
446
  }, index);
446
447
  })
@@ -452,20 +453,20 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
452
453
  children: [/* @__PURE__ */ jsx("h2", {
453
454
  className: "pricing-page__faq-title",
454
455
  children: "Frequently Asked Questions"
455
- }), /* @__PURE__ */ jsx(Accordion, {
456
+ }), /* @__PURE__ */ jsx(Accordion.Root, {
456
457
  className: "pricing-page__faq-accordion",
457
- children: faq.map((item, index) => /* @__PURE__ */ jsxs(AccordionItem, {
458
+ children: faq.map((item, index) => /* @__PURE__ */ jsxs(Accordion.Item, {
458
459
  value: `faq-${index}`,
459
- children: [/* @__PURE__ */ jsx(AccordionTrigger, { children: item.question }), /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsx("p", { children: item.answer }) })]
460
+ children: [/* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { children: item.question }) }), /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsx("p", { children: item.answer }) })]
460
461
  }, index))
461
462
  })]
462
463
  }),
463
- /* @__PURE__ */ jsx(AlertDialog, {
464
+ /* @__PURE__ */ jsx(AlertDialog.Root, {
464
465
  open: confirmDialogOpen,
465
466
  onOpenChange: setConfirmDialogOpen,
466
- children: /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogBackdrop, {}), /* @__PURE__ */ jsxs(AlertDialogPopup, { children: [
467
- /* @__PURE__ */ jsx(AlertDialogTitle, { children: isSubscribed && selectedPlan ? `${getSwitchDirection(selectedPlan) === "upgrade" ? "Upgrade" : getSwitchDirection(selectedPlan) === "downgrade" ? "Downgrade" : "Switch"} to ${selectedPlan.name}?` : `Subscribe to ${selectedPlan?.name}?` }),
468
- /* @__PURE__ */ jsx(AlertDialogDescription, { children: isSubscribed && selectedPlan ? getSwitchDirection(selectedPlan) === "downgrade" ? `You'll be downgraded to the ${selectedPlan.name} plan. A prorated credit will be applied to your next invoice.` : `You'll be upgraded to the ${selectedPlan.name} plan. The prorated difference will be added to your next invoice.` : `You're about to subscribe to the ${selectedPlan?.name} plan at $${selectedPlan ? getPrice(selectedPlan) : 0}/month${isYearly ? " (billed yearly)" : ""}.` }),
467
+ children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, { children: [
468
+ /* @__PURE__ */ jsx(AlertDialog.Title, { children: isSubscribed && selectedPlan ? `${getSwitchDirection(selectedPlan) === "upgrade" ? "Upgrade" : getSwitchDirection(selectedPlan) === "downgrade" ? "Downgrade" : "Switch"} to ${selectedPlan.name}?` : `Subscribe to ${selectedPlan?.name}?` }),
469
+ /* @__PURE__ */ jsx(AlertDialog.Description, { children: isSubscribed && selectedPlan ? getSwitchDirection(selectedPlan) === "downgrade" ? `You'll be downgraded to the ${selectedPlan.name} plan. A prorated credit will be applied to your next invoice.` : `You'll be upgraded to the ${selectedPlan.name} plan. The prorated difference will be added to your next invoice.` : `You're about to subscribe to the ${selectedPlan?.name} plan at $${selectedPlan ? getPrice(selectedPlan) : 0}/month${isYearly ? " (billed yearly)" : ""}.` }),
469
470
  selectedPlan && /* @__PURE__ */ jsxs("div", {
470
471
  className: "pricing-page__confirm-summary",
471
472
  children: [/* @__PURE__ */ jsxs("div", {
@@ -487,7 +488,7 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
487
488
  }),
488
489
  /* @__PURE__ */ jsxs("div", {
489
490
  className: "pricing-page__confirm-actions",
490
- children: [/* @__PURE__ */ jsx(AlertDialogClose, {
491
+ children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
491
492
  disabled: switching,
492
493
  children: "Cancel"
493
494
  }), /* @__PURE__ */ jsx(Button, {
@@ -497,7 +498,7 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
497
498
  children: switching ? "Switching…" : isSubscribed && selectedPlan ? `Confirm ${getSwitchDirection(selectedPlan) === "upgrade" ? "Upgrade" : getSwitchDirection(selectedPlan) === "downgrade" ? "Downgrade" : "Switch"}` : "Confirm"
498
499
  })]
499
500
  })
500
- ] })] })
501
+ ] }) })] })
501
502
  })
502
503
  ]
503
504
  });
@@ -31,10 +31,9 @@ interface ProgressIndicatorProps extends Omit<React.ComponentPropsWithRef<typeof
31
31
  *
32
32
  * @see {@link https://base-ui.com/react/components/progress | Base UI Progress}
33
33
  */
34
- declare function Progress({
34
+ declare function ProgressRoot({
35
35
  color,
36
36
  className,
37
- children,
38
37
  ref,
39
38
  ...props
40
39
  }: ProgressProps & {
@@ -54,5 +53,10 @@ declare function ProgressIndicator({
54
53
  }: ProgressIndicatorProps & {
55
54
  ref?: React.Ref<HTMLDivElement>;
56
55
  }): React.JSX.Element;
56
+ declare const Progress: {
57
+ Root: typeof ProgressRoot;
58
+ Track: typeof ProgressTrack;
59
+ Indicator: typeof ProgressIndicator;
60
+ };
57
61
  //#endregion
58
- export { Progress, ProgressColor, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressTrack, ProgressTrackProps };
62
+ export { Progress, ProgressColor, ProgressIndicatorProps, ProgressProps, ProgressTrackProps };
@@ -16,7 +16,7 @@ import { Progress as Progress$1 } from "@base-ui/react/progress";
16
16
  *
17
17
  * @see {@link https://base-ui.com/react/components/progress | Base UI Progress}
18
18
  */
19
- function Progress({ color = "primary", className = "", children, ref, ...props }) {
19
+ function ProgressRoot({ color = "primary", className = "", ref, ...props }) {
20
20
  const classes = [
21
21
  "progress",
22
22
  `progress--${color}`,
@@ -26,14 +26,14 @@ function Progress({ color = "primary", className = "", children, ref, ...props }
26
26
  ref,
27
27
  "data-slot": "progress",
28
28
  className: classes,
29
- ...props,
30
- children: children ?? /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
29
+ ...props
31
30
  });
32
31
  }
33
32
  function ProgressTrack({ className = "", ref, ...props }) {
34
33
  const classes = ["progress__track", className].filter(Boolean).join(" ");
35
34
  return /* @__PURE__ */ jsx(Progress$1.Track, {
36
35
  ref,
36
+ "data-slot": "progress-track",
37
37
  className: classes,
38
38
  ...props
39
39
  });
@@ -47,5 +47,10 @@ function ProgressIndicator({ className = "", ref, ...props }) {
47
47
  ...props
48
48
  });
49
49
  }
50
+ const Progress = {
51
+ Root: ProgressRoot,
52
+ Track: ProgressTrack,
53
+ Indicator: ProgressIndicator
54
+ };
50
55
  //#endregion
51
- export { Progress, ProgressIndicator, ProgressTrack };
56
+ export { Progress };
@@ -1,2 +1,2 @@
1
- import { $ as PromptInputHoverCardTriggerProps, A as PromptInputCommandEmpty, At as PromptInputTextareaProps, B as PromptInputCommandProps, Bt as usePromptInputAttachments, C as PromptInputAttachmentsProps, Ct as PromptInputTabItemProps, D as PromptInputButtonProps, Dt as PromptInputTabsList, E as PromptInputButton, Et as PromptInputTabProps, F as PromptInputCommandInputProps, Ft as TextInputContext, G as PromptInputFooterProps, H as PromptInputCommandSeparatorProps, Ht as usePromptInputReferencedSources, I as PromptInputCommandItem, It as TooltipSide, J as PromptInputHoverCard, K as PromptInputHeader, L as PromptInputCommandItemProps, Lt as getApprovalRequestId, M as PromptInputCommandGroup, Mt as PromptInputToolsProps, N as PromptInputCommandGroupProps, Nt as PromptInputTooltipConfig, O as PromptInputButtonTooltip, Ot as PromptInputTabsListProps, P as PromptInputCommandInput, Pt as ReferencedSourcesContext, Q as PromptInputHoverCardTrigger, R as PromptInputCommandList, Rt as getApprovalStateKey, S as PromptInputAttachments, St as PromptInputTabItem, T as PromptInputBodyProps, Tt as PromptInputTabLabelProps, U as PromptInputControllerProps, Ut as useProviderAttachments, V as PromptInputCommandSeparator, Vt as usePromptInputController, W as PromptInputFooter, X as PromptInputHoverCardContentProps, Y as PromptInputHoverCardContent, Z as PromptInputHoverCardProps, _ as PromptInputActionMenuTriggerProps, _t as PromptInputSubmit, a as PromptInput, at as PromptInputProviderProps, b as PromptInputAttachment, bt as PromptInputTabBody, c as PromptInputActionAddScreenshot, ct as PromptInputSelectContent, d as PromptInputActionMenuContent, dt as PromptInputSelectItemProps, et as PromptInputMessage, f as PromptInputActionMenuContentProps, ft as PromptInputSelectProps, g as PromptInputActionMenuTrigger, gt as PromptInputSelectValueProps, h as PromptInputActionMenuProps, ht as PromptInputSelectValue, i as PermissionMode, it as PromptInputProvider, j as PromptInputCommandEmptyProps, jt as PromptInputTools, k as PromptInputCommand, kt as PromptInputTextarea, l as PromptInputActionAddScreenshotProps, lt as PromptInputSelectContentProps, m as PromptInputActionMenuItemProps, mt as PromptInputSelectTriggerProps, n as ExecutionApprovals, nt as PromptInputPermissionSelectorProps, o as PromptInputActionAddAttachments, ot as PromptInputReferencedSource, p as PromptInputActionMenuItem, pt as PromptInputSelectTrigger, q as PromptInputHeaderProps, r as PendingToolApproval, rt as PromptInputProps, s as PromptInputActionAddAttachmentsProps, st as PromptInputSelect, t as AttachmentsContext, tt as PromptInputPermissionSelector, u as PromptInputActionMenu, ut as PromptInputSelectItem, v as PromptInputApproval, vt as PromptInputSubmitProps, w as PromptInputBody, wt as PromptInputTabLabel, x as PromptInputAttachmentProps, xt as PromptInputTabBodyProps, y as PromptInputApprovalProps, yt as PromptInputTab, z as PromptInputCommandListProps, zt as getPendingToolApprovals } from "../PromptInput-D6-G24p7.js";
2
- export { AttachmentsContext, ExecutionApprovals, PendingToolApproval, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputControllerProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReferencedSource, PromptInputSelect, PromptInputSelectContent, PromptInputSelectContentProps, PromptInputSelectItem, PromptInputSelectItemProps, PromptInputSelectProps, PromptInputSelectTrigger, PromptInputSelectTriggerProps, PromptInputSelectValue, PromptInputSelectValueProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, ReferencedSourcesContext, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };
1
+ import { $ as PromptInputHoverCardTrigger, A as PromptInputCommandEmptyProps, At as getPendingToolApprovals, B as PromptInputCommandSeparator, C as PromptInputBody, Ct as PromptInputTools, D as PromptInputButtonTooltip, Dt as TooltipSide, E as PromptInputButtonProps, Et as TextInputContext, F as PromptInputCommandItem, G as PromptInputFooter, H as PromptInputControllerProps, I as PromptInputCommandItemProps, J as PromptInputHeaderProps, K as PromptInputFooterProps, L as PromptInputCommandList, M as PromptInputCommandGroupProps, Mt as usePromptInputController, N as PromptInputCommandInput, Nt as useProviderAttachments, O as PromptInputCommand, Ot as getApprovalRequestId, P as PromptInputCommandInputProps, Q as PromptInputHoverCardProps, R as PromptInputCommandListProps, S as PromptInputAttachmentsProps, St as PromptInputTextareaProps, T as PromptInputButton, Tt as PromptInputTooltipConfig, U as PromptInputDictation, V as PromptInputCommandSeparatorProps, W as PromptInputDictationProps, X as PromptInputHoverCardContent, Y as PromptInputHoverCard, Z as PromptInputHoverCardContentProps, _ as PromptInputApproval, _t as PromptInputTabLabelProps, a as PromptInputActionAddAttachments, at as PromptInputProvider, b as PromptInputAttachmentProps, bt as PromptInputTabsListProps, c as PromptInputActionAddScreenshotProps, ct as PromptInputSelectProps, d as PromptInputActionMenuContentProps, dt as PromptInputTab, et as PromptInputHoverCardTriggerProps, f as PromptInputActionMenuItem, ft as PromptInputTabBody, g as PromptInputActionMenuTriggerProps, gt as PromptInputTabLabel, h as PromptInputActionMenuTrigger, ht as PromptInputTabItemProps, i as PromptInput, it as PromptInputProps, j as PromptInputCommandGroup, jt as usePromptInputAttachments, k as PromptInputCommandEmpty, kt as getApprovalStateKey, l as PromptInputActionMenu, lt as PromptInputSubmit, m as PromptInputActionMenuProps, mt as PromptInputTabItem, n as PendingToolApproval, nt as PromptInputPermissionSelector, o as PromptInputActionAddAttachmentsProps, ot as PromptInputProviderProps, p as PromptInputActionMenuItemProps, pt as PromptInputTabBodyProps, q as PromptInputHeader, r as PermissionMode, rt as PromptInputPermissionSelectorProps, s as PromptInputActionAddScreenshot, st as PromptInputSelect, t as AttachmentsContext, tt as PromptInputMessage, u as PromptInputActionMenuContent, ut as PromptInputSubmitProps, v as PromptInputApprovalProps, vt as PromptInputTabProps, w as PromptInputBodyProps, wt as PromptInputToolsProps, x as PromptInputAttachments, xt as PromptInputTextarea, y as PromptInputAttachment, yt as PromptInputTabsList, z as PromptInputCommandProps } from "../PromptInput-p5KmOmt1.js";
2
+ export { AttachmentsContext, PendingToolApproval, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputSelect, PromptInputSelectProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };