@mcp-b/react-components 0.1.3 → 0.1.5

package/dist/{Button-QCM8ZKgR.d.ts → Button-Ct5I6aTu.d.ts}

@@ -89,6 +89,7 @@ declare function Button$1({
   color,
   size,
   className,
+  nativeButton,
   ref,
   ...props
 }: ButtonProps & {

package/dist/{CodeBlock-V6pgafSS.d.ts → CodeBlock-CxQXv3C4.d.ts}

@@ -1,5 +1,5 @@
 import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, r as SelectContentProps, s as SelectItemProps } from "./Select-CRsKCJ9x.js";
-import { t as CopyButtonProps } from "./copy-button-BIATcZWZ.js";
+import { t as CopyButtonProps } from "./copy-button-BKXqGiNm.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 

package/dist/components/Artifact.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/Artifact.d.ts

package/dist/components/Button.d.ts

@@ -1,2 +1,2 @@
-import { a as ButtonVariant, c as ShadcnButtonVariant, i as ButtonSize, l as buttonVariants, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as ShadcnButtonSize, t as Button } from "../Button-QCM8ZKgR.js";
+import { a as ButtonVariant, c as ShadcnButtonVariant, i as ButtonSize, l as buttonVariants, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as ShadcnButtonSize, t as Button } from "../Button-Ct5I6aTu.js";
 export { Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantsOptions, ShadcnButtonSize, ShadcnButtonVariant, buttonVariants };

package/dist/components/Button.js

@@ -51,7 +51,7 @@ function buttonVariants({ variant = "default", color, size = "default", classNam
 * @see {@link https://base-ui.com/react/components/button | Base UI Button}
 * @see {@link https://ui.shadcn.com/docs/components/base/button | shadcn/ui Button}
 */
-function Button({ variant = "default", color, size = "default", className, ref, ...props }) {
+function Button({ variant = "default", color, size = "default", className, nativeButton, ref, ...props }) {
 	return /* @__PURE__ */ jsx(Button$1, {
 		ref,
 		"data-slot": "button",
@@ -66,6 +66,7 @@ function Button({ variant = "default", color, size = "default", className, ref,
 			size,
 			className
 		}),
+		nativeButton: nativeButton ?? props.render == null,
 		...props
 	});
 }

package/dist/components/Checkbox.d.ts

@@ -14,10 +14,10 @@ interface CheckboxProps extends Omit<CheckboxRootProps, "className"> {
  *
  * @example
  * ```tsx
- * <Checkbox defaultChecked onChange={(checked) => console.log(checked)} />
+ * <Checkbox defaultChecked onCheckedChange={(checked) => console.log(checked)} />
  *
  * <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
- *   <Checkbox id="terms" checked={agreed} onChange={setAgreed} />
+ *   <Checkbox id="terms" checked={agreed} onCheckedChange={setAgreed} />
  *   <Label htmlFor="terms">I agree to the terms</Label>
  * </div>
  * ```

package/dist/components/Checkbox.js

@@ -19,10 +19,10 @@ function CheckIcon(props) {
 *
 * @example
 * ```tsx
-* <Checkbox defaultChecked onChange={(checked) => console.log(checked)} />
+* <Checkbox defaultChecked onCheckedChange={(checked) => console.log(checked)} />
 *
 * <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-*   <Checkbox id="terms" checked={agreed} onChange={setAgreed} />
+*   <Checkbox id="terms" checked={agreed} onCheckedChange={setAgreed} />
 *   <Label htmlFor="terms">I agree to the terms</Label>
 * </div>
 * ```

package/dist/components/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-V6pgafSS.js";
+import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-CxQXv3C4.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps, TokenizedCode, highlightCode };

package/dist/components/Commit.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
 import * as React from "react";
 

package/dist/components/Context.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import { PopoverProps } from "./Popover.js";
 import * as React from "react";
 

package/dist/components/Conversation.d.ts

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-QCM8ZKgR.js";
+import { t as Button } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/Conversation.d.ts

package/dist/components/EnvironmentVariables.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/EnvironmentVariables.d.ts

package/dist/components/Message.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 import { StreamdownProps } from "streamdown";
 

package/dist/components/ModelSelector.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/ModelSelector.d.ts

package/dist/components/PromptInput.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, f as SelectOption, j as SelectValue, r as SelectContentProps, s as SelectItemProps, t as Select } from "../Select-CRsKCJ9x.js";
 import { Combobox, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSeparator, ComboboxTrigger } from "./Combobox.js";
 import { MenuItemProps, MenuPopupProps, MenuProps } from "./Menu.js";

package/dist/components/Queue.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
 import { ScrollAreaRootProps } from "./ScrollArea.js";
 import * as React from "react";

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
-import { t as CopyButtonProps } from "../copy-button-BIATcZWZ.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { t as CopyButtonProps } from "../copy-button-BKXqGiNm.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/WebPreview.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/WebPreview.d.ts

package/dist/{copy-button-BIATcZWZ.d.ts → copy-button-BKXqGiNm.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "./Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts

package/dist/utils/structured-code.d.ts

@@ -1,4 +1,4 @@
-import { A as CodeBlockLanguage } from "../CodeBlock-V6pgafSS.js";
+import { A as CodeBlockLanguage } from "../CodeBlock-CxQXv3C4.js";
 
 //#region src/utils/structured-code.d.ts
 interface StructuredCodeDisplay {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "MCP-B React components built on Base UI and shared design tokens.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -47,7 +47,7 @@
     "anser": "^2.3.5",
     "shiki": "^4.2.0",
     "streamdown": "^2.5.0",
-    "@mcp-b/design-tokens": "0.1.2"
+    "@mcp-b/design-tokens": "0.1.5"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.6",