@mcp-b/react-components 0.1.5 → 0.2.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 (101) hide show
  1. package/dist/{CodeBlock-CttHhWcb.js → CodeBlock-BrCoypnc.js} +2 -2
  2. package/dist/Combobox-D9anamNr.d.ts +177 -0
  3. package/dist/Menu-B5vDqZe_.d.ts +395 -0
  4. package/dist/Tabs-D9EAq09D.d.ts +84 -0
  5. package/dist/components/Activity.d.ts +148 -0
  6. package/dist/components/Activity.js +177 -0
  7. package/dist/components/AgentChat.d.ts +61 -0
  8. package/dist/components/AgentChat.js +91 -0
  9. package/dist/components/AgentConnection.js +2 -2
  10. package/dist/components/Artifact.js +1 -1
  11. package/dist/components/ChainOfThought.d.ts +1 -11
  12. package/dist/components/ChainOfThought.js +2 -2
  13. package/dist/components/CodeBlock.js +1 -1
  14. package/dist/components/Combobox.d.ts +1 -176
  15. package/dist/components/Commit.d.ts +1 -1
  16. package/dist/components/Commit.js +3 -3
  17. package/dist/components/ContextMenu.js +1 -1
  18. package/dist/components/Conversation.js +11 -8
  19. package/dist/components/Dialog.js +1 -1
  20. package/dist/components/EnvironmentVariables.js +1 -1
  21. package/dist/components/FileTree.js +1 -1
  22. package/dist/components/Menu.d.ts +1 -394
  23. package/dist/components/Menubar.js +1 -1
  24. package/dist/components/Message.js +1 -1
  25. package/dist/components/ModelSelector.js +1 -1
  26. package/dist/components/NavigationMenu.js +1 -1
  27. package/dist/components/PricingPage.js +1 -1
  28. package/dist/components/PromptInput.d.ts +4 -4
  29. package/dist/components/PromptInput.js +2 -2
  30. package/dist/components/Queue.d.ts +1 -1
  31. package/dist/components/Queue.js +2 -2
  32. package/dist/components/Reasoning.js +2 -2
  33. package/dist/components/Select.js +1 -1
  34. package/dist/components/Sources.js +2 -2
  35. package/dist/components/Stepper.js +1 -1
  36. package/dist/components/Tabs.d.ts +1 -83
  37. package/dist/components/Task.js +2 -2
  38. package/dist/components/Terminal.js +2 -2
  39. package/dist/components/TestResults.js +2 -2
  40. package/dist/components/Tool.js +8 -4
  41. package/dist/components/WebPreview.js +1 -1
  42. package/dist/components/icons.d.ts +2 -0
  43. package/dist/components/icons.js +2 -0
  44. package/dist/components/useStickToBottom.js +10 -1
  45. package/dist/{copy-button-BNgclDrO.js → copy-button-DAPlB8Z0.js} +1 -1
  46. package/dist/{icons-BsWc8g4E.js → icons-Bf7JMKk-.js} +41 -1
  47. package/dist/icons-BklFyZbx.d.ts +48 -0
  48. package/dist/styles/accordion.css +34 -17
  49. package/dist/styles/activity.css +386 -0
  50. package/dist/styles/agent-chat.css +21 -0
  51. package/dist/styles/agent-connection.css +20 -3
  52. package/dist/styles/alert-dialog.css +37 -15
  53. package/dist/styles/artifact.css +24 -6
  54. package/dist/styles/autocomplete.css +25 -6
  55. package/dist/styles/badge.css +8 -6
  56. package/dist/styles/browser-live-view.css +164 -0
  57. package/dist/styles/browser-replay.css +189 -0
  58. package/dist/styles/button.css +14 -6
  59. package/dist/styles/card.css +4 -8
  60. package/dist/styles/chain-of-thought.css +5 -12
  61. package/dist/styles/checkbox.css +3 -3
  62. package/dist/styles/code-block.css +4 -8
  63. package/dist/styles/collapsible.css +7 -10
  64. package/dist/styles/combobox.css +6 -6
  65. package/dist/styles/commit.css +2 -9
  66. package/dist/styles/context-menu.css +2 -2
  67. package/dist/styles/conversation.css +12 -5
  68. package/dist/styles/dialog.css +1 -1
  69. package/dist/styles/field.css +2 -2
  70. package/dist/styles/file-tree.css +2 -2
  71. package/dist/styles/index.css +5 -0
  72. package/dist/styles/input.css +8 -3
  73. package/dist/styles/menu.css +4 -4
  74. package/dist/styles/menubar.css +5 -5
  75. package/dist/styles/message.css +3 -4
  76. package/dist/styles/navigation-menu.css +6 -6
  77. package/dist/styles/number-field.css +4 -4
  78. package/dist/styles/popover.css +7 -7
  79. package/dist/styles/preview-card.css +2 -2
  80. package/dist/styles/pricing-page.css +2 -2
  81. package/dist/styles/prompt-input.css +11 -9
  82. package/dist/styles/queue.css +6 -15
  83. package/dist/styles/radio.css +5 -5
  84. package/dist/styles/reasoning.css +6 -10
  85. package/dist/styles/scroll-area.css +2 -2
  86. package/dist/styles/select.css +3 -3
  87. package/dist/styles/slider.css +2 -2
  88. package/dist/styles/sources.css +5 -12
  89. package/dist/styles/stepper.css +13 -9
  90. package/dist/styles/switch.css +4 -4
  91. package/dist/styles/tabs.css +3 -3
  92. package/dist/styles/task.css +13 -18
  93. package/dist/styles/terminal.css +1 -3
  94. package/dist/styles/test-results.css +2 -9
  95. package/dist/styles/toast.css +3 -3
  96. package/dist/styles/toggle-group.css +3 -3
  97. package/dist/styles/toggle.css +3 -3
  98. package/dist/styles/tool.css +22 -21
  99. package/dist/styles/toolbar.css +4 -4
  100. package/dist/styles/workspace-explorer.css +108 -0
  101. package/package.json +9 -2
@@ -1,177 +1,2 @@
1
- import * as React from "react";
2
- import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
3
-
4
- //#region src/components/Combobox.d.ts
5
- declare function ComboboxInput({
6
- className,
7
- ref,
8
- ...props
9
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Input>, "className"> & {
10
- className?: string;
11
- } & {
12
- ref?: React.Ref<HTMLInputElement>;
13
- }): React.JSX.Element;
14
- declare function ComboboxTrigger({
15
- className,
16
- ref,
17
- ...props
18
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Trigger>, "className"> & {
19
- className?: string;
20
- } & {
21
- ref?: React.Ref<HTMLButtonElement>;
22
- }): React.JSX.Element;
23
- declare function Clear({
24
- className,
25
- ref,
26
- ...props
27
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Clear>, "className"> & {
28
- className?: string;
29
- } & {
30
- ref?: React.Ref<HTMLButtonElement>;
31
- }): React.JSX.Element;
32
- declare function ComboboxPositioner({
33
- className,
34
- ref,
35
- ...props
36
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Positioner>, "className"> & {
37
- className?: string;
38
- } & {
39
- ref?: React.Ref<HTMLDivElement>;
40
- }): React.JSX.Element;
41
- declare function ComboboxPopup({
42
- className,
43
- tabIndex,
44
- ref,
45
- ...props
46
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Popup>, "className"> & {
47
- className?: string;
48
- } & {
49
- ref?: React.Ref<HTMLDivElement>;
50
- }): React.JSX.Element;
51
- declare function ComboboxList({
52
- className,
53
- ref,
54
- ...props
55
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.List>, "className"> & {
56
- className?: string;
57
- } & {
58
- ref?: React.Ref<HTMLDivElement>;
59
- }): React.JSX.Element;
60
- declare function ComboboxItem({
61
- className,
62
- ref,
63
- ...props
64
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Item>, "className"> & {
65
- className?: string;
66
- } & {
67
- ref?: React.Ref<HTMLDivElement>;
68
- }): React.JSX.Element;
69
- declare function ItemIndicator({
70
- className,
71
- ref,
72
- ...props
73
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.ItemIndicator>, "className"> & {
74
- className?: string;
75
- } & {
76
- ref?: React.Ref<HTMLSpanElement>;
77
- }): React.JSX.Element;
78
- declare function ComboboxEmpty({
79
- className,
80
- ref,
81
- ...props
82
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Empty>, "className"> & {
83
- className?: string;
84
- } & {
85
- ref?: React.Ref<HTMLDivElement>;
86
- }): React.JSX.Element;
87
- declare function ComboboxGroup({
88
- className,
89
- ref,
90
- ...props
91
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.Group>, "className"> & {
92
- className?: string;
93
- } & {
94
- ref?: React.Ref<HTMLDivElement>;
95
- }): React.JSX.Element;
96
- declare function ComboboxLabel({
97
- className,
98
- ref,
99
- ...props
100
- }: Omit<React.ComponentPropsWithRef<typeof Combobox$1.GroupLabel>, "className"> & {
101
- className?: string;
102
- } & {
103
- ref?: React.Ref<HTMLDivElement>;
104
- }): React.JSX.Element;
105
- /**
106
- * An input combined with a filterable list of predefined items.
107
- * Supports single and multiple selection, async search, and grouping.
108
- *
109
- * @example
110
- * ```tsx
111
- * // Basic single select
112
- * const fruits = [
113
- * { label: 'Apple', value: 'apple' },
114
- * { label: 'Banana', value: 'banana' },
115
- * { label: 'Orange', value: 'orange' },
116
- * ];
117
- *
118
- * <Combobox.Root items={fruits}>
119
- * <Combobox.Input placeholder="Select a fruit" />
120
- * <Combobox.Trigger>
121
- * <ChevronDownIcon />
122
- * </Combobox.Trigger>
123
- * <Combobox.Portal>
124
- * <Combobox.Positioner>
125
- * <Combobox.Popup>
126
- * <Combobox.List>
127
- * {(item) => (
128
- * <Combobox.Item value={item}>
129
- * <Combobox.ItemIndicator>
130
- * <CheckIcon />
131
- * </Combobox.ItemIndicator>
132
- * {item.label}
133
- * </Combobox.Item>
134
- * )}
135
- * </Combobox.List>
136
- * <Combobox.Empty>No results found</Combobox.Empty>
137
- * </Combobox.Popup>
138
- * </Combobox.Positioner>
139
- * </Combobox.Portal>
140
- * </Combobox.Root>
141
- * ```
142
- *
143
- * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
144
- */
145
- declare const ComboboxContent: typeof ComboboxPopup;
146
- declare const ComboboxValue: typeof Combobox$1.Value;
147
- declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
148
- declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
149
- declare const ComboboxChipsInput: typeof ComboboxInput;
150
- declare const ComboboxCollection: typeof Combobox$1.Collection;
151
- declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
152
- declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
153
- declare const Combobox: typeof Combobox$1.Root & {
154
- Root: typeof Combobox$1.Root;
155
- Input: typeof ComboboxInput;
156
- Trigger: typeof ComboboxTrigger;
157
- Clear: typeof Clear;
158
- Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
159
- Positioner: typeof ComboboxPositioner;
160
- Popup: typeof ComboboxPopup;
161
- Content: typeof ComboboxPopup;
162
- List: typeof ComboboxList;
163
- Item: typeof ComboboxItem;
164
- ItemIndicator: typeof ItemIndicator;
165
- Empty: typeof ComboboxEmpty;
166
- Group: typeof ComboboxGroup;
167
- GroupLabel: typeof ComboboxLabel;
168
- Label: typeof ComboboxLabel;
169
- Value: typeof Combobox$1.Value;
170
- Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
171
- Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
172
- ChipsInput: typeof ComboboxInput;
173
- Collection: typeof Combobox$1.Collection;
174
- Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
175
- };
176
- //#endregion
1
+ import { _ as ComboboxValue, a as ComboboxCollection, c as ComboboxGroup, d as ComboboxLabel, f as ComboboxList, g as ComboboxTrigger, h as ComboboxSeparator, i as ComboboxChipsInput, l as ComboboxInput, m as ComboboxPositioner, n as ComboboxChip, o as ComboboxContent, p as ComboboxPopup, r as ComboboxChips, s as ComboboxEmpty, t as Combobox, u as ComboboxItem, v as useComboboxAnchor } from "../Combobox-D9anamNr.js";
177
2
  export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
@@ -1,5 +1,5 @@
1
- import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
2
1
  import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
2
+ import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
3
3
  import * as React from "react";
4
4
 
5
5
  //#region src/components/Commit.d.ts
@@ -1,10 +1,10 @@
1
- import { c as ChevronRightIcon, l as CopyIcon, m as FileIcon, o as CheckIcon } from "../icons-BsWc8g4E.js";
1
+ import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
2
2
  import { t as cx } from "../class-names-9UtZwb0J.js";
3
+ import { h as FileIcon, l as ChevronRightIcon, o as CheckIcon, u as CopyIcon } from "../icons-Bf7JMKk-.js";
3
4
  import { Button } from "./Button.js";
4
5
  import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
5
- import { Avatar } from "./Avatar.js";
6
6
  import { Badge } from "./Badge.js";
7
- import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
7
+ import { Avatar } from "./Avatar.js";
8
8
  import * as React from "react";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  //#region src/components/Commit.tsx
@@ -1,4 +1,4 @@
1
- import { c as ChevronRightIcon, o as CheckIcon, u as DotIcon } from "../icons-BsWc8g4E.js";
1
+ import { d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
2
2
  import "react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
@@ -1,5 +1,5 @@
1
- import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-BsWc8g4E.js";
2
1
  import { t as cx } from "../class-names-9UtZwb0J.js";
2
+ import { f as DownloadIcon, t as ArrowDownIcon } from "../icons-Bf7JMKk-.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { useStickToBottom } from "./useStickToBottom.js";
5
5
  import * as React from "react";
@@ -65,14 +65,14 @@ function Conversation({ className, children, ref, ...props }) {
65
65
  return /* @__PURE__ */ jsx(ConversationContext.Provider, {
66
66
  value: ctx,
67
67
  children: /* @__PURE__ */ jsx("div", {
68
- ref: handleViewportRef,
69
- role: "log",
70
- "aria-live": "polite",
71
- "aria-relevant": "additions text",
72
- tabIndex: 0,
73
68
  className: cx("conversation", className),
74
- ...props,
75
- children
69
+ children: /* @__PURE__ */ jsx("div", {
70
+ ref: handleViewportRef,
71
+ tabIndex: 0,
72
+ className: "conversation__viewport",
73
+ ...props,
74
+ children
75
+ })
76
76
  })
77
77
  });
78
78
  }
@@ -91,6 +91,9 @@ function ConversationContent({ className, children, ref, ...props }) {
91
91
  }
92
92
  if (ref) ref.current = element;
93
93
  }, [registerContentElement, ref]),
94
+ role: "log",
95
+ "aria-live": "polite",
96
+ "aria-relevant": "additions text",
94
97
  className: cx("conversation__content", className),
95
98
  ...props,
96
99
  children
@@ -1,4 +1,4 @@
1
- import { O as XIcon } from "../icons-BsWc8g4E.js";
1
+ import { P as XIcon } from "../icons-Bf7JMKk-.js";
2
2
  import "react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
@@ -1,5 +1,5 @@
1
- import { f as EyeIcon, l as CopyIcon, o as CheckIcon, p as EyeOffIcon } from "../icons-BsWc8g4E.js";
2
1
  import { t as cx } from "../class-names-9UtZwb0J.js";
2
+ import { m as EyeOffIcon, o as CheckIcon, p as EyeIcon, u as CopyIcon } from "../icons-Bf7JMKk-.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
5
5
  import { Badge } from "./Badge.js";
@@ -1,5 +1,5 @@
1
- import { c as ChevronRightIcon, g as FolderOpenIcon, h as FolderIcon, m as FileIcon } from "../icons-BsWc8g4E.js";
2
1
  import { t as cx } from "../class-names-9UtZwb0J.js";
2
+ import { _ as FolderOpenIcon, g as FolderIcon, h as FileIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
3
3
  import * as React from "react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/components/_internal/use-file-tree-nav.ts
@@ -1,395 +1,2 @@
1
- import * as React from "react";
2
- import { Menu as Menu$1 } from "@base-ui/react/menu";
3
-
4
- //#region src/components/Menu.d.ts
5
- /**
6
- * Props for the Menu.Root component.
7
- */
8
- interface MenuProps extends React.ComponentPropsWithoutRef<typeof Menu$1.Root> {}
9
- /**
10
- * Props for the Menu.Trigger component.
11
- */
12
- interface MenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Trigger>, "className"> {
13
- /** Additional CSS class names */
14
- className?: string;
15
- }
16
- /**
17
- * Props for the Menu.Portal component.
18
- */
19
- interface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof Menu$1.Portal> {}
20
- /**
21
- * Props for the Menu.Positioner component.
22
- */
23
- interface MenuPositionerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Positioner>, "className"> {
24
- /** Additional CSS class names */
25
- className?: string;
26
- }
27
- /**
28
- * Props for the Menu.Popup component.
29
- */
30
- interface MenuPopupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Popup>, "className"> {
31
- /** Additional CSS class names */
32
- className?: string;
33
- }
34
- type MenuPlacementProps = Pick<MenuPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
35
- type MenuContentProps = MenuPopupProps & MenuPlacementProps;
36
- /**
37
- * Props for the Menu.Item component.
38
- */
39
- interface MenuItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Item>, "className"> {
40
- /** Additional CSS class names */
41
- className?: string;
42
- inset?: boolean;
43
- variant?: "default" | "destructive";
44
- }
45
- /**
46
- * Props for the Menu.Group component.
47
- */
48
- interface MenuGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Group>, "className"> {
49
- /** Additional CSS class names */
50
- className?: string;
51
- }
52
- /**
53
- * Props for the Menu.GroupLabel component.
54
- */
55
- interface MenuGroupLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.GroupLabel>, "className"> {
56
- /** Additional CSS class names */
57
- className?: string;
58
- inset?: boolean;
59
- }
60
- type MenuLabelProps = MenuGroupLabelProps;
61
- /**
62
- * Props for the Menu.Arrow component.
63
- */
64
- interface MenuArrowProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Arrow>, "className"> {
65
- /** Additional CSS class names */
66
- className?: string;
67
- }
68
- /**
69
- * Props for the Menu.Separator component.
70
- */
71
- interface MenuSeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.Separator>, "className"> {
72
- /** Additional CSS class names */
73
- className?: string;
74
- }
75
- /**
76
- * Props for the Menu.RadioGroup component.
77
- */
78
- interface MenuRadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.RadioGroup>, "className"> {
79
- /** Additional CSS class names */
80
- className?: string;
81
- }
82
- /**
83
- * Props for the Menu.RadioItem component.
84
- */
85
- interface MenuRadioItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.RadioItem>, "className"> {
86
- /** Additional CSS class names */
87
- className?: string;
88
- }
89
- /**
90
- * Props for the Menu.RadioItemIndicator component.
91
- */
92
- interface MenuRadioItemIndicatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.RadioItemIndicator>, "className"> {
93
- /** Additional CSS class names */
94
- className?: string;
95
- }
96
- /**
97
- * Props for the Menu.CheckboxItem component.
98
- */
99
- interface MenuCheckboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.CheckboxItem>, "className"> {
100
- /** Additional CSS class names */
101
- className?: string;
102
- }
103
- /**
104
- * Props for the Menu.CheckboxItemIndicator component.
105
- */
106
- interface MenuCheckboxItemIndicatorProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.CheckboxItemIndicator>, "className"> {
107
- /** Additional CSS class names */
108
- className?: string;
109
- }
110
- interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
111
- interface MenuSubProps extends React.ComponentPropsWithoutRef<typeof Menu$1.SubmenuRoot> {}
112
- type MenuSubContentProps = MenuContentProps;
113
- /**
114
- * Props for the Menu.SubmenuTrigger component.
115
- */
116
- interface MenuSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu$1.SubmenuTrigger>, "className"> {
117
- /** Additional CSS class names */
118
- className?: string;
119
- inset?: boolean;
120
- }
121
- type MenuSubTriggerProps = MenuSubmenuTriggerProps;
122
- /**
123
- * Root component that manages menu state.
124
- *
125
- * @example
126
- * ```tsx
127
- * <Menu.Root>
128
- * <Menu.Trigger>Actions</Menu.Trigger>
129
- * <Menu.Portal>
130
- * <Menu.Positioner>
131
- * <Menu.Popup>
132
- * <Menu.Item>Edit</Menu.Item>
133
- * <Menu.Item>Delete</Menu.Item>
134
- * </Menu.Popup>
135
- * </Menu.Positioner>
136
- * </Menu.Portal>
137
- * </Menu.Root>
138
- * ```
139
- *
140
- * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
141
- */
142
- declare const MenuRoot: (props: MenuProps) => React.JSX.Element;
143
- /**
144
- * Button that toggles the menu visibility.
145
- */
146
- declare function MenuTrigger({
147
- className,
148
- ref,
149
- ...props
150
- }: MenuTriggerProps & {
151
- ref?: React.Ref<HTMLButtonElement>;
152
- }): React.JSX.Element;
153
- /**
154
- * Renders menu content in a portal.
155
- */
156
- declare const MenuPortal: (props: MenuPortalProps) => React.JSX.Element;
157
- /**
158
- * Positions the menu popup relative to the trigger.
159
- */
160
- declare function MenuPositioner({
161
- className,
162
- ref,
163
- ...props
164
- }: MenuPositionerProps & {
165
- ref?: React.Ref<HTMLDivElement>;
166
- }): React.JSX.Element;
167
- /**
168
- * Container for menu items.
169
- */
170
- declare function MenuPopup({
171
- className,
172
- ref,
173
- ...props
174
- }: MenuPopupProps & {
175
- ref?: React.Ref<HTMLDivElement>;
176
- }): React.JSX.Element;
177
- declare function MenuContent({
178
- anchor,
179
- positionMethod,
180
- side,
181
- sideOffset,
182
- align,
183
- alignOffset,
184
- collisionBoundary,
185
- collisionPadding,
186
- sticky,
187
- arrowPadding,
188
- disableAnchorTracking,
189
- collisionAvoidance,
190
- ...props
191
- }: MenuContentProps & {
192
- ref?: React.Ref<HTMLDivElement>;
193
- }): React.JSX.Element;
194
- /**
195
- * Interactive menu item.
196
- */
197
- declare function MenuItem({
198
- className,
199
- inset,
200
- variant,
201
- ref,
202
- ...props
203
- }: MenuItemProps & {
204
- ref?: React.Ref<HTMLDivElement>;
205
- }): React.JSX.Element;
206
- /**
207
- * Groups related menu items.
208
- */
209
- declare function MenuGroup({
210
- className,
211
- ref,
212
- ...props
213
- }: MenuGroupProps & {
214
- ref?: React.Ref<HTMLDivElement>;
215
- }): React.JSX.Element;
216
- /**
217
- * Label for a group of menu items.
218
- */
219
- declare function MenuGroupLabel({
220
- className,
221
- inset,
222
- ref,
223
- ...props
224
- }: MenuGroupLabelProps & {
225
- ref?: React.Ref<HTMLDivElement>;
226
- }): React.JSX.Element;
227
- declare const MenuLabel: typeof MenuGroupLabel;
228
- /**
229
- * Arrow pointing to the trigger.
230
- */
231
- declare function MenuArrow({
232
- className,
233
- ref,
234
- ...props
235
- }: MenuArrowProps & {
236
- ref?: React.Ref<HTMLDivElement>;
237
- }): React.JSX.Element;
238
- /**
239
- * Visual separator between menu sections.
240
- */
241
- declare function MenuSeparator({
242
- className,
243
- ref,
244
- ...props
245
- }: MenuSeparatorProps & {
246
- ref?: React.Ref<HTMLDivElement>;
247
- }): React.JSX.Element;
248
- /**
249
- * Group for exclusive radio selection.
250
- */
251
- declare function MenuRadioGroup({
252
- className,
253
- ref,
254
- ...props
255
- }: MenuRadioGroupProps & {
256
- ref?: React.Ref<HTMLDivElement>;
257
- }): React.JSX.Element;
258
- /**
259
- * Radio item for exclusive selection.
260
- */
261
- declare function MenuRadioItem({
262
- className,
263
- children,
264
- ref,
265
- ...props
266
- }: MenuRadioItemProps & {
267
- ref?: React.Ref<HTMLDivElement>;
268
- }): React.JSX.Element;
269
- /**
270
- * Indicator for selected radio item.
271
- */
272
- declare function MenuRadioItemIndicator({
273
- className,
274
- ref,
275
- ...props
276
- }: MenuRadioItemIndicatorProps & {
277
- ref?: React.Ref<HTMLSpanElement>;
278
- }): React.JSX.Element;
279
- /**
280
- * Checkbox item for toggling options.
281
- */
282
- declare function MenuCheckboxItem({
283
- className,
284
- children,
285
- ref,
286
- ...props
287
- }: MenuCheckboxItemProps & {
288
- ref?: React.Ref<HTMLDivElement>;
289
- }): React.JSX.Element;
290
- /**
291
- * Indicator for checked checkbox item.
292
- */
293
- declare function MenuCheckboxItemIndicator({
294
- className,
295
- ref,
296
- ...props
297
- }: MenuCheckboxItemIndicatorProps & {
298
- ref?: React.Ref<HTMLSpanElement>;
299
- }): React.JSX.Element;
300
- declare function MenuShortcut({
301
- className,
302
- ref,
303
- ...props
304
- }: MenuShortcutProps & {
305
- ref?: React.Ref<HTMLSpanElement>;
306
- }): React.JSX.Element;
307
- declare function MenuSub(props: MenuSubProps): React.JSX.Element;
308
- declare function MenuSubContent({
309
- side,
310
- align,
311
- sideOffset,
312
- ...props
313
- }: MenuSubContentProps & {
314
- ref?: React.Ref<HTMLDivElement>;
315
- }): React.JSX.Element;
316
- /**
317
- * Trigger that opens a submenu.
318
- */
319
- declare function MenuSubmenuTrigger({
320
- className,
321
- inset,
322
- ref,
323
- ...props
324
- }: MenuSubmenuTriggerProps & {
325
- ref?: React.Ref<HTMLDivElement>;
326
- }): React.JSX.Element;
327
- declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
328
- /**
329
- * A dropdown menu with keyboard navigation support.
330
- * Provides items, groups, checkboxes, radio selections, and nested submenus.
331
- *
332
- * @example
333
- * ```tsx
334
- * // Basic menu
335
- * <Menu.Root>
336
- * <Menu.Trigger>Actions</Menu.Trigger>
337
- * <Menu.Portal>
338
- * <Menu.Positioner>
339
- * <Menu.Popup>
340
- * <Menu.Item onClick={() => console.log('Edit')}>Edit</Menu.Item>
341
- * <Menu.Item onClick={() => console.log('Copy')}>Copy</Menu.Item>
342
- * <Menu.Separator />
343
- * <Menu.Item onClick={() => console.log('Delete')}>Delete</Menu.Item>
344
- * </Menu.Popup>
345
- * </Menu.Positioner>
346
- * </Menu.Portal>
347
- * </Menu.Root>
348
- * ```
349
- *
350
- * @example
351
- * ```tsx
352
- * // Menu with checkbox items
353
- * <Menu.Root>
354
- * <Menu.Trigger>View Options</Menu.Trigger>
355
- * <Menu.Portal>
356
- * <Menu.Positioner>
357
- * <Menu.Popup>
358
- * <Menu.CheckboxItem checked={showGrid} onCheckedChange={setShowGrid}>
359
- * <Menu.CheckboxItemIndicator />
360
- * Show Grid
361
- * </Menu.CheckboxItem>
362
- * </Menu.Popup>
363
- * </Menu.Positioner>
364
- * </Menu.Portal>
365
- * </Menu.Root>
366
- * ```
367
- *
368
- * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
369
- */
370
- declare const Menu: ((props: MenuProps) => React.JSX.Element) & {
371
- Root: (props: MenuProps) => React.JSX.Element;
372
- Trigger: typeof MenuTrigger;
373
- Portal: (props: MenuPortalProps) => React.JSX.Element;
374
- Positioner: typeof MenuPositioner;
375
- Popup: typeof MenuPopup;
376
- Content: typeof MenuContent;
377
- Item: typeof MenuItem;
378
- Group: typeof MenuGroup;
379
- GroupLabel: typeof MenuGroupLabel;
380
- Label: typeof MenuGroupLabel;
381
- Arrow: typeof MenuArrow;
382
- Separator: typeof MenuSeparator;
383
- RadioGroup: typeof MenuRadioGroup;
384
- RadioItem: typeof MenuRadioItem;
385
- RadioItemIndicator: typeof MenuRadioItemIndicator;
386
- CheckboxItem: typeof MenuCheckboxItem;
387
- CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
388
- Shortcut: typeof MenuShortcut;
389
- Sub: typeof MenuSub;
390
- SubContent: typeof MenuSubContent;
391
- SubTrigger: typeof MenuSubmenuTrigger;
392
- SubmenuTrigger: typeof MenuSubmenuTrigger;
393
- };
394
- //#endregion
1
+ import { A as MenuRadioItemProps, B as MenuSubTrigger, C as MenuPositionerProps, D as MenuRadioItem, E as MenuRadioGroupProps, F as MenuShortcutProps, G as MenuTriggerProps, H as MenuSubmenuTrigger, I as MenuSub, L as MenuSubContent, M as MenuSeparator, N as MenuSeparatorProps, O as MenuRadioItemIndicator, P as MenuShortcut, R as MenuSubContentProps, S as MenuPositioner, T as MenuRadioGroup, U as MenuSubmenuTriggerProps, V as MenuSubTriggerProps, W as MenuTrigger, _ as MenuLabelProps, a as MenuCheckboxItemIndicator, b as MenuPortal, c as MenuContent, d as MenuGroupLabel, f as MenuGroupLabelProps, g as MenuLabel, h as MenuItemProps, i as MenuCheckboxItem, j as MenuRoot, k as MenuRadioItemIndicatorProps, l as MenuContentProps, m as MenuItem, n as MenuArrow, o as MenuCheckboxItemIndicatorProps, p as MenuGroupProps, r as MenuArrowProps, s as MenuCheckboxItemProps, t as Menu, u as MenuGroup, v as MenuPopup, w as MenuProps, x as MenuPortalProps, y as MenuPopupProps, z as MenuSubProps } from "../Menu-B5vDqZe_.js";
395
2
  export { Menu, MenuArrow, MenuArrowProps, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuPopup, MenuPopupProps, MenuPortal, MenuPortalProps, MenuPositioner, MenuPositionerProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuRoot, MenuSeparator, MenuSeparatorProps, MenuShortcut, MenuShortcutProps, MenuSub, MenuSubContent, MenuSubContentProps, MenuSubProps, MenuSubTrigger, MenuSubTriggerProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps };
@@ -1,4 +1,4 @@
1
- import { c as ChevronRightIcon, o as CheckIcon, u as DotIcon } from "../icons-BsWc8g4E.js";
1
+ import { d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
2
2
  import "react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { Menu } from "@base-ui/react/menu";
@@ -1,5 +1,5 @@
1
- import { n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-BsWc8g4E.js";
2
1
  import { t as cx } from "../class-names-9UtZwb0J.js";
2
+ import { n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-Bf7JMKk-.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
5
5
  import * as React from "react";
@@ -1,5 +1,5 @@
1
- import { S as SearchIcon, s as ChevronDownIcon } from "../icons-BsWc8g4E.js";
2
1
  import { t as cx } from "../class-names-9UtZwb0J.js";
2
+ import { O as SearchIcon, s as ChevronDownIcon } from "../icons-Bf7JMKk-.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./Dialog.js";
5
5
  import * as React from "react";