@mcp-b/react-components 0.35.0 → 0.37.0

package/dist/components/foundations/Select.d.ts

@@ -1,2 +1,2 @@
-import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../../Select-D96d09ww.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../../Select-RrceeEIe.js";
 export { Select, SelectBackdropProps, SelectGroupLabelProps, SelectGroupProps, SelectIconProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPopupProps, SelectPortalProps, SelectPositionerProps, SelectProps, SelectScrollDownArrowProps, SelectScrollUpArrowProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps };

package/dist/components/foundations/Select.js

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
 //#region src/components/foundations/Select.tsx
 /**
@@ -29,12 +29,6 @@ import { Select as Select$1 } from "@base-ui/react/select";
 *
 * @see {@link https://base-ui.com/react/components/select | Base UI Select}
 */
-function SelectRoot(props) {
-	return /* @__PURE__ */ jsx(Select$1.Root, {
-		"data-slot": "select",
-		...props
-	});
-}
 function SelectLabel({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("select__label", className);
 	return /* @__PURE__ */ jsx(Select$1.Label, {
@@ -54,13 +48,11 @@ function SelectTrigger({ size = "sm", className, ref, ...props }) {
 		...props
 	});
 }
-function SelectValue({ placeholder, children, ref, ...props }) {
+function SelectValue({ ref, ...props }) {
 	return /* @__PURE__ */ jsx(Select$1.Value, {
 		ref,
 		"data-slot": "select-value",
-		placeholder,
-		...props,
-		children
+		...props
 	});
 }
 function SelectIcon({ className, children, ref, ...props }) {
@@ -134,18 +126,13 @@ function SelectItemIndicator({ className, children, ref, ...props }) {
 		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
 	});
 }
-function SelectGroup({ label, className, children, ref, ...props }) {
+function SelectGroup({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("select__option-group", className);
-	return /* @__PURE__ */ jsxs(Select$1.Group, {
+	return /* @__PURE__ */ jsx(Select$1.Group, {
 		ref,
 		"data-slot": "select-group",
 		className: classes,
-		...props,
-		children: [label && /* @__PURE__ */ jsx(Select$1.GroupLabel, {
-			"data-slot": "select-label",
-			className: "select__group-label",
-			children: label
-		}), children]
+		...props
 	});
 }
 function SelectGroupLabel({ className, ref, ...props }) {
@@ -187,7 +174,7 @@ function SelectScrollDownArrow({ className, children, ref, ...props }) {
 	});
 }
 const Select = {
-	Root: SelectRoot,
+	Root: Select$1.Root,
 	Label: SelectLabel,
 	Trigger: SelectTrigger,
 	Value: SelectValue,
@@ -196,7 +183,6 @@ const Select = {
 	Backdrop: SelectBackdrop,
 	Positioner: SelectPositioner,
 	Popup: SelectPopup,
-	Arrow: Select$1.Arrow,
 	List: SelectList,
 	Item: SelectItem,
 	ItemText: SelectItemText,

package/dist/components/foundations/Slider.d.ts

@@ -2,53 +2,51 @@ import * as React from "react";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 
 //#region src/components/foundations/Slider.d.ts
-interface SliderProps extends React.ComponentPropsWithRef<typeof Slider$1.Root> {}
+type SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> = Slider$1.Root.Props<Value> & React.RefAttributes<HTMLDivElement>;
 interface SliderControlProps extends React.ComponentPropsWithRef<typeof Slider$1.Control> {}
 interface SliderTrackProps extends React.ComponentPropsWithRef<typeof Slider$1.Track> {}
 interface SliderIndicatorProps extends React.ComponentPropsWithRef<typeof Slider$1.Indicator> {}
 interface SliderThumbProps extends React.ComponentPropsWithRef<typeof Slider$1.Thumb> {}
-interface SliderOutputProps extends Omit<React.ComponentPropsWithRef<typeof Slider$1.Value>, "children"> {
-  children?: (value: number, values: readonly number[], formattedValues: readonly string[]) => React.ReactNode;
-}
+interface SliderValueProps extends React.ComponentPropsWithRef<typeof Slider$1.Value> {}
 interface SliderLabelProps extends React.ComponentPropsWithRef<typeof Slider$1.Label> {}
 /**
  * A slider component for selecting values from a range.
  *
  * @example
  * ```tsx
- * <Slider defaultValue={50}>
- *   <SliderControl>
- *     <SliderTrack>
- *       <SliderIndicator />
- *       <SliderThumb />
- *     </SliderTrack>
- *   </SliderControl>
- * </Slider>
+ * <Slider.Root defaultValue={50}>
+ *   <Slider.Label>Volume</Slider.Label>
+ *   <Slider.Control>
+ *     <Slider.Track>
+ *       <Slider.Indicator />
+ *       <Slider.Thumb />
+ *     </Slider.Track>
+ *   </Slider.Control>
+ * </Slider.Root>
  * ```
  *
  * @example
  * ```tsx
  * // With output value display
- * <Slider defaultValue={50}>
- *   <SliderOutput />
- *   <SliderControl>
- *     <SliderTrack>
- *       <SliderIndicator />
- *       <SliderThumb />
- *     </SliderTrack>
- *   </SliderControl>
- * </Slider>
+ * <Slider.Root defaultValue={50}>
+ *   <Slider.Label>Volume</Slider.Label>
+ *   <Slider.Value />
+ *   <Slider.Control>
+ *     <Slider.Track>
+ *       <Slider.Indicator />
+ *       <Slider.Thumb />
+ *     </Slider.Track>
+ *   </Slider.Control>
+ * </Slider.Root>
  * ```
  *
  * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
  */
-declare function SliderRoot({
+declare function SliderRoot<Value extends number | readonly number[]>({
   className,
   ref,
   ...props
-}: SliderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: SliderRootProps<Value>): React.JSX.Element;
 /**
  * The control area for the Slider (handles interactions).
  */
@@ -56,9 +54,7 @@ declare function SliderControl({
   className,
   ref,
   ...props
-}: SliderControlProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: SliderControlProps): React.JSX.Element;
 /**
  * The track container for the Slider.
  */
@@ -66,9 +62,7 @@ declare function SliderTrack({
   className,
   ref,
   ...props
-}: SliderTrackProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: SliderTrackProps): React.JSX.Element;
 /**
  * The filled indicator showing current value position.
  */
@@ -76,9 +70,7 @@ declare function SliderIndicator({
   className,
   ref,
   ...props
-}: SliderIndicatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: SliderIndicatorProps): React.JSX.Element;
 /**
  * The draggable thumb for the Slider.
  */
@@ -86,21 +78,16 @@ declare function SliderThumb({
   className,
   ref,
   ...props
-}: SliderThumbProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: SliderThumbProps): React.JSX.Element;
 /**
  * Displays the current value of the Slider.
  * Note: This must be used inside a Slider component to access the value context.
  */
-declare function SliderOutput({
+declare function SliderValue({
   className,
-  children,
   ref,
   ...props
-}: SliderOutputProps & {
-  ref?: React.Ref<HTMLOutputElement>;
-}): React.JSX.Element;
+}: SliderValueProps): React.JSX.Element;
 /** Visible label that participates in Base UI's slider naming relationship. */
 declare function SliderLabel({
   className,
@@ -110,11 +97,11 @@ declare function SliderLabel({
 declare const Slider: {
   Root: typeof SliderRoot;
   Label: typeof SliderLabel;
-  Value: typeof SliderOutput;
+  Value: typeof SliderValue;
   Control: typeof SliderControl;
   Track: typeof SliderTrack;
   Indicator: typeof SliderIndicator;
   Thumb: typeof SliderThumb;
 };
 //#endregion
-export { Slider, SliderControlProps, SliderIndicatorProps, SliderLabelProps, SliderOutputProps, SliderProps, SliderThumbProps, SliderTrackProps };
+export { Slider, SliderControlProps, SliderIndicatorProps, SliderLabelProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueProps };

package/dist/components/foundations/Slider.js

@@ -8,28 +8,30 @@ import { Slider as Slider$1 } from "@base-ui/react/slider";
 *
 * @example
 * ```tsx
-* <Slider defaultValue={50}>
-*   <SliderControl>
-*     <SliderTrack>
-*       <SliderIndicator />
-*       <SliderThumb />
-*     </SliderTrack>
-*   </SliderControl>
-* </Slider>
+* <Slider.Root defaultValue={50}>
+*   <Slider.Label>Volume</Slider.Label>
+*   <Slider.Control>
+*     <Slider.Track>
+*       <Slider.Indicator />
+*       <Slider.Thumb />
+*     </Slider.Track>
+*   </Slider.Control>
+* </Slider.Root>
 * ```
 *
 * @example
 * ```tsx
 * // With output value display
-* <Slider defaultValue={50}>
-*   <SliderOutput />
-*   <SliderControl>
-*     <SliderTrack>
-*       <SliderIndicator />
-*       <SliderThumb />
-*     </SliderTrack>
-*   </SliderControl>
-* </Slider>
+* <Slider.Root defaultValue={50}>
+*   <Slider.Label>Volume</Slider.Label>
+*   <Slider.Value />
+*   <Slider.Control>
+*     <Slider.Track>
+*       <Slider.Indicator />
+*       <Slider.Thumb />
+*     </Slider.Track>
+*   </Slider.Control>
+* </Slider.Root>
 * ```
 *
 * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
@@ -74,7 +76,7 @@ function SliderIndicator({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("slider__indicator", className);
 	return /* @__PURE__ */ jsx(Slider$1.Indicator, {
 		ref,
-		"data-slot": "slider-range",
+		"data-slot": "slider-indicator",
 		className: classes,
 		...props
 	});
@@ -95,19 +97,18 @@ function SliderThumb({ className, ref, ...props }) {
 * Displays the current value of the Slider.
 * Note: This must be used inside a Slider component to access the value context.
 */
-function SliderOutput({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName("slider__output", className);
+function SliderValue({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("slider__value", className);
 	return /* @__PURE__ */ jsx(Slider$1.Value, {
 		ref,
-		"data-slot": "slider-output",
+		"data-slot": "slider-value",
 		className: classes,
-		...props,
-		children: (formattedValues, values) => typeof children === "function" ? children(values[0] ?? 0, values, formattedValues) : formattedValues.join(" - ")
+		...props
 	});
 }
 /** Visible label that participates in Base UI's slider naming relationship. */
 function SliderLabel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("slider__label", className);
+	const classes = mergeBaseClassName("label slider__label", className);
 	return /* @__PURE__ */ jsx(Slider$1.Label, {
 		ref,
 		"data-slot": "slider-label",
@@ -118,7 +119,7 @@ function SliderLabel({ className, ref, ...props }) {
 const Slider = {
 	Root: SliderRoot,
 	Label: SliderLabel,
-	Value: SliderOutput,
+	Value: SliderValue,
 	Control: SliderControl,
 	Track: SliderTrack,
 	Indicator: SliderIndicator,

package/dist/components/foundations/Stepper.d.ts

@@ -1,9 +1,10 @@
-import { r as Tabs } from "../../Tabs-Ptrbaynh.js";
+import { o as TabsProps, r as Tabs } from "../../Tabs-Ptrbaynh.js";
 import * as React from "react";
 
 //#region src/components/foundations/Stepper.d.ts
 type StepperOrientation = "horizontal" | "vertical";
 type StepperState = "active" | "completed" | "inactive" | "loading";
+type StepperChangeEventDetails = Parameters<NonNullable<TabsProps["onValueChange"]>>[1];
 type StepIndicators = {
   active?: React.ReactNode;
   completed?: React.ReactNode;
@@ -12,7 +13,6 @@ type StepIndicators = {
 };
 interface StepperContextValue {
   activeStep: number;
-  setActiveStep: (step: number) => void;
   orientation: StepperOrientation;
   indicators: StepIndicators;
 }
@@ -37,7 +37,7 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Called when a trigger requests a new active step.
    */
-  onValueChange?: (value: number) => void;
+  onValueChange?: (value: number, eventDetails: StepperChangeEventDetails) => void;
   /**
    * The layout direction of the step navigation.
    * @default "horizontal"

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -40,27 +40,26 @@ function useStepItem() {
 function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = EMPTY_STEP_INDICATORS, className, children, ref, ...props }) {
 	const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
 	const activeStep = value ?? uncontrolledValue;
-	const setActiveStep = React.useCallback((step) => {
+	const handleValueChange = React.useCallback((step, eventDetails) => {
+		onValueChange?.(step, eventDetails);
+		if (eventDetails.isCanceled) return;
 		if (value === void 0) setUncontrolledValue(step);
-		onValueChange?.(step);
 	}, [onValueChange, value]);
 	const contextValue = React.useMemo(() => ({
 		activeStep,
-		setActiveStep,
 		orientation,
 		indicators
 	}), [
 		activeStep,
 		indicators,
-		orientation,
-		setActiveStep
+		orientation
 	]);
 	return /* @__PURE__ */ jsx(StepperContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ jsx(Tabs.Root, {
 			ref,
 			value: activeStep,
-			onValueChange: setActiveStep,
+			onValueChange: handleValueChange,
 			orientation,
 			className: mergeBaseClassName("stepper", className),
 			"data-slot": "stepper",

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { rt as XIcon } from "../../icons-B1Qw05te.js";
+import { rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/ToggleGroup.d.ts

@@ -1,2 +1,2 @@
-import { n as ToggleGroupItemProps, r as ToggleGroupProps, t as ToggleGroup } from "../../ToggleGroup-CSBWfPXo.js";
+import { n as ToggleGroupItemProps, r as ToggleGroupProps, t as ToggleGroup } from "../../ToggleGroup-_pQMyHGM.js";
 export { ToggleGroup, ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/foundations/ToggleGroup.js

@@ -3,8 +3,8 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead

package/dist/components/foundations/Tooltip.d.ts

@@ -2,13 +2,11 @@ import * as React from "react";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 
 //#region src/components/foundations/Tooltip.d.ts
-interface TooltipProps extends Tooltip$1.Root.Props {}
-interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {}
+type TooltipProps<Payload = unknown> = Tooltip$1.Root.Props<Payload>;
+type TooltipTriggerProps<Payload = unknown> = Tooltip$1.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
 interface TooltipPortalProps extends Tooltip$1.Portal.Props {}
 interface TooltipPositionerProps extends Tooltip$1.Positioner.Props {}
-interface TooltipProviderProps extends Tooltip$1.Provider.Props {
-  delayDuration?: number;
-}
+type TooltipProviderProps = Tooltip$1.Provider.Props;
 interface TooltipPopupProps extends Tooltip$1.Popup.Props {}
 interface TooltipViewportProps extends Tooltip$1.Viewport.Props {}
 interface TooltipArrowProps extends Tooltip$1.Arrow.Props {}
@@ -33,15 +31,15 @@ interface TooltipArrowProps extends Tooltip$1.Arrow.Props {}
  * @see {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
  */
 declare function TooltipProvider({
-  delayDuration,
   delay,
   ...props
 }: TooltipProviderProps): React.JSX.Element;
-declare function TooltipTrigger({
+declare function TooltipTrigger<Payload>({
   render,
   className,
+  ref,
   ...props
-}: TooltipTriggerProps): React.JSX.Element;
+}: TooltipTriggerProps<Payload>): React.JSX.Element;
 declare function TooltipPositioner({
   className,
   ref,

package/dist/components/foundations/Tooltip.js

@@ -24,13 +24,13 @@ import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 *
 * @see {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
 */
-function TooltipProvider({ delayDuration = 0, delay, ...props }) {
+function TooltipProvider({ delay = 0, ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
-		delay: delay ?? delayDuration,
+		delay,
 		...props
 	});
 }
-function TooltipTrigger({ render, className, ...props }) {
+function TooltipTrigger({ render, className, ref, ...props }) {
 	const classes = mergeBaseClassName(render == null ? buttonVariants({
 		variant: "ghost",
 		color: "neutral",
@@ -38,6 +38,7 @@ function TooltipTrigger({ render, className, ...props }) {
 		className: "tooltip__trigger"
 	}) : "tooltip__trigger", className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		ref,
 		"data-slot": "tooltip-trigger",
 		render,
 		className: classes,

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
+import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/general-purpose/Commit.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { Avatar } from "../foundations/Avatar.js";
-import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Badge } from "../foundations/Badge.js";
+import { Avatar } from "../foundations/Avatar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx

package/dist/components/general-purpose/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B1Qw05te.js";
-import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
+import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B4mGvCvc.js";
+import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
 import { Badge } from "../foundations/Badge.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";

package/dist/components/general-purpose/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-4WP4Uc_m.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-DbQMpvxV.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/general-purpose/PricingBillingToggle.d.ts

@@ -1,12 +1,11 @@
 import { PricingBillingPeriod } from "./Pricing.js";
-import * as React from "react";
 
 //#region src/components/general-purpose/PricingBillingToggle.d.ts
 interface PricingBillingToggleProps {
   value: PricingBillingPeriod;
   onValueChange: (value: PricingBillingPeriod) => void;
   yearlySavingsPercent: number;
-  /** Fixes the presentation. Omit only in component demos that expose the style switcher. */
+  /** Billing control presentation. Defaults to the compact switch. */
   variant?: "switch" | "buttons";
   /** Additional class name for placement in a consuming layout. */
   className?: string;
@@ -18,6 +17,6 @@ declare function PricingBillingToggle({
   yearlySavingsPercent,
   variant,
   className
-}: PricingBillingToggleProps): React.JSX.Element;
+}: PricingBillingToggleProps): import("react").JSX.Element;
 //#endregion
 export { PricingBillingToggle, PricingBillingToggleProps };

package/dist/components/general-purpose/PricingBillingToggle.js

@@ -1,33 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Badge } from "../foundations/Badge.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { Switch } from "../foundations/Switch.js";
-import { Checkbox } from "../foundations/Checkbox.js";
-import { Label } from "../foundations/Label.js";
-import * as React from "react";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingBillingToggle.tsx
 /** Controlled billing-period selector composed from the shared Switch or ToggleGroup. */
-function PricingBillingToggle({ value, onValueChange, yearlySavingsPercent, variant, className }) {
-	const [demoVariant, setDemoVariant] = React.useState("switch");
-	const demoToggleId = React.useId();
-	const resolvedVariant = variant ?? demoVariant;
+function PricingBillingToggle({ value, onValueChange, yearlySavingsPercent, variant = "switch", className }) {
 	const isYearly = value === "yearly";
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: cx("pricing-page__billing-toggle", className),
-		children: [!variant ? /* @__PURE__ */ jsxs("div", {
-			className: "pricing-page__toggle-options",
-			children: [/* @__PURE__ */ jsx(Checkbox.Root, {
-				checked: demoVariant === "switch",
-				onCheckedChange: (checked) => setDemoVariant(checked ? "switch" : "buttons"),
-				id: demoToggleId,
-				children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
-			}), /* @__PURE__ */ jsx(Label, {
-				htmlFor: demoToggleId,
-				className: "pricing-page__toggle-label",
-				children: "Use switch style"
-			})]
-		}) : null, resolvedVariant === "switch" ? /* @__PURE__ */ jsxs("div", {
+		children: variant === "switch" ? /* @__PURE__ */ jsxs("div", {
 			className: "pricing-page__switch-container",
 			children: [
 				/* @__PURE__ */ jsx("span", {
@@ -80,7 +62,7 @@ function PricingBillingToggle({ value, onValueChange, yearlySavingsPercent, vari
 					]
 				})]
 			})]
-		})]
+		})
 	});
 }
 //#endregion

package/dist/components/general-purpose/PricingPage.d.ts

@@ -1,4 +1,4 @@
-import { FAQItem, Plan, PlanFeature, UsageTier } from "./Pricing.js";
+import { FAQItem, Plan, UsageTier } from "./Pricing.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/PricingPage.d.ts
@@ -53,8 +53,7 @@ interface PricingPageProps {
   className?: string;
   /**
    * Style variant for the billing period toggle.
-   * When set, hides the style switcher checkbox.
-   * @default undefined (shows style switcher for demos)
+   * @default "switch"
    */
   billingToggleVariant?: "switch" | "buttons";
   /**
@@ -170,4 +169,4 @@ declare function PricingPage({
   onPortalRedirect
 }: PricingPageProps): React.JSX.Element;
 //#endregion
-export { type FAQItem, type Plan, type PlanFeature, PricingPage, PricingPageProps, type UsageTier };
+export { PricingPage, PricingPageProps };

package/dist/components/general-purpose/PricingPlanCard.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Separator } from "../foundations/Separator.js";
-import { Badge } from "../foundations/Badge.js";
 import { Card } from "../foundations/Card.js";
+import { Badge } from "../foundations/Badge.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingPlanCard.tsx

package/dist/components/general-purpose/PricingUsageCalculator.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Separator } from "../foundations/Separator.js";
-import { Slider } from "../foundations/Slider.js";
-import { Progress } from "../foundations/Progress.js";
 import { Card } from "../foundations/Card.js";
+import { Progress } from "../foundations/Progress.js";
+import { Slider } from "../foundations/Slider.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";