@mcp-b/react-components 0.16.1 → 0.18.0

package/dist/components/Checkbox.js

@@ -1,4 +1,5 @@
-import { o as CheckIcon } from "../icons-CpfUer49.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { l as CheckIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
@@ -18,8 +19,8 @@ import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 *
 * @see {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}
 */
-function CheckboxRoot({ className = "", ref, ...props }) {
-	const classes = ["checkbox", className].filter(Boolean).join(" ");
+function CheckboxRoot({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["checkbox"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		ref,
 		"data-slot": "checkbox",
@@ -27,10 +28,10 @@ function CheckboxRoot({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function CheckboxIndicator({ children, ...props }) {
+function CheckboxIndicator({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
 		"data-slot": "checkbox-indicator",
-		className: "checkbox__indicator",
+		className: mergeBaseClassName("checkbox__indicator", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {
 			size: 12,

package/dist/components/CheckboxGroup.d.ts

@@ -5,9 +5,7 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 /**
  * Props for the CheckboxGroup component.
  */
-interface CheckboxGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxGroup$1>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroup$1> {
   /** Layout for the choices in this group. */
   layout?: "stack" | "grid";
 }

package/dist/components/CheckboxGroup.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
@@ -58,59 +59,59 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 *
 * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI CheckboxGroup}
 */
-function CheckboxGroupRoot({ className = "", layout = "stack", ref, ...props }) {
+function CheckboxGroupRoot({ className, layout = "stack", ref, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		ref,
 		"data-layout": layout,
-		className: ["checkbox-group", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupItem({ className = "", ref, ...props }) {
+function CheckboxGroupItem({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("label", {
 		ref,
 		"data-slot": "checkbox-group-item",
-		className: ["checkbox-group__item", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__item"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupIcon({ className = "", ref, ...props }) {
+function CheckboxGroupIcon({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-icon",
-		className: ["checkbox-group__icon", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__icon"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupContent({ className = "", ref, ...props }) {
+function CheckboxGroupContent({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-content",
-		className: ["checkbox-group__content", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__content"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupTitle({ className = "", ref, ...props }) {
+function CheckboxGroupTitle({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-title",
-		className: ["checkbox-group__title", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__title"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupDescription({ className = "", ref, ...props }) {
+function CheckboxGroupDescription({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-description",
-		className: ["checkbox-group__description", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__description"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupTrailing({ className = "", ref, ...props }) {
+function CheckboxGroupTrailing({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-trailing",
-		className: ["checkbox-group__trailing", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__trailing"].filter(Boolean).join(" "), className),
 		...props
 	});
 }

package/dist/components/Checkpoint.d.ts

@@ -0,0 +1,64 @@
+import { MarkerProps } from "./Marker.js";
+import * as React from "react";
+
+//#region src/components/Checkpoint.d.ts
+interface CheckpointProps extends Omit<MarkerProps, "render" | "variant"> {
+  /** Checkpoint icon, metadata, and optional application-owned actions. */
+  children?: React.ReactNode;
+}
+/**
+ * Presentation-only durable-boundary marker.
+ *
+ * Actions are ordinary composed buttons or links; this primitive does not
+ * save, restore, resume, or otherwise call an agent transport.
+ */
+declare function Checkpoint({
+  className,
+  ref,
+  ...props
+}: CheckpointProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface CheckpointIconProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointIcon({
+  children,
+  className,
+  ref,
+  ...props
+}: CheckpointIconProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function CheckpointContent({
+  className,
+  ref,
+  ...props
+}: CheckpointContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface CheckpointTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointTitle({
+  className,
+  ref,
+  ...props
+}: CheckpointTitleProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointDescription({
+  className,
+  ref,
+  ...props
+}: CheckpointDescriptionProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function CheckpointActions({
+  className,
+  ref,
+  ...props
+}: CheckpointActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { Checkpoint, CheckpointActions, CheckpointActionsProps, CheckpointContent, CheckpointContentProps, CheckpointDescription, CheckpointDescriptionProps, CheckpointIcon, CheckpointIconProps, CheckpointProps, CheckpointTitle, CheckpointTitleProps };

package/dist/components/Checkpoint.js

@@ -0,0 +1,63 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { o as BookmarkIcon } from "../icons-CQJ-aMnI.js";
+import { Marker, MarkerIcon } from "./Marker.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Checkpoint.tsx
+/**
+* Presentation-only durable-boundary marker.
+*
+* Actions are ordinary composed buttons or links; this primitive does not
+* save, restore, resume, or otherwise call an agent transport.
+*/
+function Checkpoint({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Marker, {
+		ref,
+		"data-slot": "checkpoint",
+		className: cx("checkpoint", className),
+		variant: "separator",
+		...props
+	});
+}
+function CheckpointIcon({ children, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(MarkerIcon, {
+		ref,
+		className: cx("checkpoint__icon", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(BookmarkIcon, {})
+	});
+}
+function CheckpointContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "checkpoint-content",
+		className: cx("checkpoint__content", className),
+		...props
+	});
+}
+function CheckpointTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkpoint-title",
+		className: cx("checkpoint__title", className),
+		...props
+	});
+}
+function CheckpointDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkpoint-description",
+		className: cx("checkpoint__description", className),
+		...props
+	});
+}
+function CheckpointActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "checkpoint-actions",
+		className: cx("checkpoint__actions", className),
+		...props
+	});
+}
+//#endregion
+export { Checkpoint, CheckpointActions, CheckpointContent, CheckpointDescription, CheckpointIcon, CheckpointTitle };

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-BRajW4QU.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-gV4kZeCI.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/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-BmB4Xaqq.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-Bfp5PAg3.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/CodexModelSelector.d.ts

@@ -1,4 +1,4 @@
-import { d as MenuProps } from "../Menu-Bgu-ufb5.js";
+import { d as MenuProps } from "../Menu-L6MZm-7N.js";
 import { CodexModel } from "../utils/codex-model-catalog.js";
 import * as React from "react";
 

package/dist/components/CodexModelSelector.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as RefreshIcon, l as ChevronRightIcon, o as CheckIcon, s as ChevronDownIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { H as RefreshIcon, f as ChevronRightIcon, l as CheckIcon, u as ChevronDownIcon } from "../icons-CQJ-aMnI.js";
 import { Menu } from "./Menu.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Collapsible.d.ts

@@ -1,125 +1,2 @@
-import * as React from "react";
-import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-
-//#region src/components/Collapsible.d.ts
-/**
- * Props for the Collapsible.Root component.
- */
-interface CollapsibleRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Collapsible$1.Root>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-  /** Skip the default design-system Collapsible classes for internal composition. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Collapsible.Trigger component.
- */
-interface CollapsibleTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Collapsible$1.Trigger>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-  /** Skip the default design-system Collapsible classes for internal composition. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Collapsible.Panel component.
- */
-interface CollapsiblePanelProps extends Omit<React.ComponentPropsWithoutRef<typeof Collapsible$1.Panel>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-  /** Skip the default design-system Collapsible classes for internal composition. */
-  unstyled?: boolean;
-}
-/**
- * Container that groups all collapsible parts. Renders a `<div>` element.
- *
- * @example
- * ```tsx
- * <Collapsible.Root>
- *   <Collapsible.Trigger>Show more</Collapsible.Trigger>
- *   <Collapsible.Panel>Hidden content here</Collapsible.Panel>
- * </Collapsible.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
- */
-declare function CollapsibleRoot({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsibleRootProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Button that toggles the panel visibility. Renders a `<button>` element.
- */
-declare function CollapsibleTrigger({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsibleTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-/**
- * The collapsible panel containing hidden content. Renders a `<div>` element.
- * Supports CSS animations via `--collapsible-panel-height` variable.
- */
-declare function CollapsiblePanel({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: CollapsiblePanelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * A collapsible panel controlled by a button.
- * Useful for progressive disclosure of content.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Collapsible.Root>
- *   <Collapsible.Trigger>Toggle content</Collapsible.Trigger>
- *   <Collapsible.Panel>
- *     <p>This content can be shown or hidden.</p>
- *   </Collapsible.Panel>
- * </Collapsible.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Controlled state
- * const [open, setOpen] = useState(false);
- *
- * <Collapsible.Root open={open} onOpenChange={setOpen}>
- *   <Collapsible.Trigger>
- *     {open ? 'Hide' : 'Show'} details
- *   </Collapsible.Trigger>
- *   <Collapsible.Panel>
- *     <p>Detailed information here.</p>
- *   </Collapsible.Panel>
- * </Collapsible.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Default open
- * <Collapsible.Root defaultOpen>
- *   <Collapsible.Trigger>Collapse</Collapsible.Trigger>
- *   <Collapsible.Panel>
- *     <p>Initially visible content.</p>
- *   </Collapsible.Panel>
- * </Collapsible.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
- */
-declare const Collapsible: {
-  Root: typeof CollapsibleRoot;
-  Trigger: typeof CollapsibleTrigger;
-  Panel: typeof CollapsiblePanel;
-};
-//#endregion
+import { i as CollapsibleTriggerProps, n as CollapsiblePanelProps, r as CollapsibleRootProps, t as Collapsible } from "../Collapsible-N64ASIQr.js";
 export { Collapsible, CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps };

package/dist/components/Collapsible.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
@@ -15,8 +16,8 @@ import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 *
 * @see {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
 */
-function CollapsibleRoot({ className = "", unstyled = false, ref, ...props }) {
-	const classes = unstyled ? className : ["collapsible", className].filter(Boolean).join(" ");
+function CollapsibleRoot({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("collapsible", className);
 	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
 		ref,
 		"data-slot": "collapsible",
@@ -27,8 +28,8 @@ function CollapsibleRoot({ className = "", unstyled = false, ref, ...props }) {
 /**
 * Button that toggles the panel visibility. Renders a `<button>` element.
 */
-function CollapsibleTrigger({ className = "", unstyled = false, ref, ...props }) {
-	const classes = unstyled ? className : ["collapsible__trigger", className].filter(Boolean).join(" ");
+function CollapsibleTrigger({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("collapsible__trigger", className);
 	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
 		ref,
 		"data-slot": "collapsible-trigger",
@@ -40,12 +41,8 @@ function CollapsibleTrigger({ className = "", unstyled = false, ref, ...props })
 * The collapsible panel containing hidden content. Renders a `<div>` element.
 * Supports CSS animations via `--collapsible-panel-height` variable.
 */
-function CollapsiblePanel({ className = "", unstyled = false, ref, ...props }) {
-	const classes = [
-		"base-ui-collapsible-panel",
-		!unstyled && "collapsible__panel",
-		className
-	].filter(Boolean).join(" ");
+function CollapsiblePanel({ className, unstyled = false, ref, ...props }) {
+	const classes = mergeBaseClassName(["base-ui-disclosure-panel", !unstyled && "collapsible__panel"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
 		ref,
 		"data-slot": "collapsible-content",

package/dist/components/Combobox.d.ts

@@ -1,2 +1,2 @@
-import { n as useComboboxAnchor, t as Combobox } from "../Combobox-B9Fcd6q-.js";
+import { n as useComboboxAnchor, t as Combobox } from "../Combobox-CYc37s5l.js";
 export { Combobox, useComboboxAnchor };

package/dist/components/Combobox.js

@@ -1,9 +1,10 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/components/Combobox.tsx
-function ComboboxInput({ className = "", ref, ...props }) {
-	const classes = ["combobox__input", className].filter(Boolean).join(" ");
+function ComboboxInput({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__input"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Input, {
 		ref,
 		"data-slot": "combobox-input",
@@ -11,8 +12,8 @@ function ComboboxInput({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxTrigger({ className = "", ref, ...props }) {
-	const classes = ["combobox__trigger", className].filter(Boolean).join(" ");
+function ComboboxTrigger({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__trigger"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Trigger, {
 		ref,
 		"data-slot": "combobox-trigger",
@@ -20,8 +21,8 @@ function ComboboxTrigger({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function Clear({ className = "", ref, ...props }) {
-	const classes = ["combobox__clear", className].filter(Boolean).join(" ");
+function Clear({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__clear"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
 		ref,
 		"data-slot": "combobox-clear",
@@ -29,12 +30,8 @@ function Clear({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxPositioner({ className = "", ref, ...props }) {
-	const classes = [
-		"combobox__positioner",
-		"base-ui-positioner",
-		className
-	].filter(Boolean).join(" ");
+function ComboboxPositioner({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
 		ref,
 		"data-slot": "combobox-positioner",
@@ -42,12 +39,8 @@ function ComboboxPositioner({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxPopup({ className = "", tabIndex = 0, ref, ...props }) {
-	const classes = [
-		"combobox__popup",
-		"base-ui-popup",
-		className
-	].filter(Boolean).join(" ");
+function ComboboxPopup({ className, tabIndex = 0, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Popup, {
 		ref,
 		"data-slot": "combobox-content",
@@ -56,8 +49,8 @@ function ComboboxPopup({ className = "", tabIndex = 0, ref, ...props }) {
 		...props
 	});
 }
-function ComboboxList({ className = "", ref, ...props }) {
-	const classes = ["combobox__list", className].filter(Boolean).join(" ");
+function ComboboxList({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__list"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.List, {
 		ref,
 		"data-slot": "combobox-list",
@@ -65,8 +58,8 @@ function ComboboxList({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxItem({ className = "", ref, ...props }) {
-	const classes = ["combobox__item", className].filter(Boolean).join(" ");
+function ComboboxItem({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__item"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Item, {
 		ref,
 		"data-slot": "combobox-item",
@@ -74,8 +67,8 @@ function ComboboxItem({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ItemIndicator({ className = "", ref, ...props }) {
-	const classes = ["combobox__item-indicator", className].filter(Boolean).join(" ");
+function ItemIndicator({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__item-indicator"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
 		ref,
 		"data-slot": "combobox-item-indicator",
@@ -83,8 +76,8 @@ function ItemIndicator({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxEmpty({ className = "", ref, ...props }) {
-	const classes = ["combobox__empty", className].filter(Boolean).join(" ");
+function ComboboxEmpty({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__empty"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
 		ref,
 		"data-slot": "combobox-empty",
@@ -92,8 +85,8 @@ function ComboboxEmpty({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxGroup({ className = "", ref, ...props }) {
-	const classes = ["combobox__group", className].filter(Boolean).join(" ");
+function ComboboxGroup({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__group"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.Group, {
 		ref,
 		"data-slot": "combobox-group",
@@ -101,8 +94,8 @@ function ComboboxGroup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function ComboboxGroupLabel({ className = "", ref, ...props }) {
-	const classes = ["combobox__group-label", className].filter(Boolean).join(" ");
+function ComboboxGroupLabel({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["combobox__group-label"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
 		ref,
 		"data-slot": "combobox-group-label",

package/dist/components/Commit.d.ts

@@ -1,12 +1,10 @@
-import { Collapsible } from "./Collapsible.js";
-import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
+import { t as CopyButtonProps } from "../copy-button-D7aAYA-2.js";
 import * as React from "react";
 
 //#region src/components/Commit.d.ts
 type CommitFileStatusValue = "added" | "modified" | "deleted" | "renamed";
-interface CommitProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
-}
+interface CommitProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * A collapsible git commit card. Compose CommitHeader with metadata
  * (CommitAuthor, CommitInfo, etc.) and CommitContent with a CommitFiles list.
@@ -50,9 +48,7 @@ declare function Commit({
 }: CommitProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface CommitHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
-  className?: string;
-}
+interface CommitHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {}
 declare function CommitHeader({
   className,
   children,
@@ -167,9 +163,7 @@ declare function CommitActions({
 }: CommitActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface CommitContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
-  className?: string;
-}
+interface CommitContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> {}
 declare function CommitContent({
   className,
   children,

package/dist/components/Commit.js

@@ -1,9 +1,9 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { l as ChevronRightIcon, v as FileIcon } from "../icons-CpfUer49.js";
-import { t as CopyButton } from "../copy-button-Dejn5heL.js";
-import { Avatar } from "./Avatar.js";
+import { f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
+import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
 import { Badge } from "./Badge.js";
+import { Avatar } from "./Avatar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Commit.tsx
@@ -60,6 +60,7 @@ function Commit({ className, ref, ...props }) {
 		ref,
 		className: cx("commit", className),
 		...props,
+		"data-recipe": "framed-panel",
 		unstyled: true
 	});
 }
@@ -182,7 +183,7 @@ function CommitContent({ className, children, ref, ...props }) {
 function CommitFiles({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		ref,
-		className: cx("commit__files", className),
+		className: cx("commit__files", "sigvelo-stack-list", className),
 		...props,
 		children
 	});

package/dist/components/Context.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Popover } from "./Popover.js";
 import { Separator } from "./Separator.js";
 import * as React from "react";