@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/Button-BfICfyxD.cjs

@@ -0,0 +1,276 @@
+const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
+const require_dist = require("./dist-ClDKPtVq.cjs");
+const require_tooltip = require("./tooltip-BsExuMO8.cjs");
+const require_icons_Icon = require("./icons/Icon.cjs.js");
+const require_icons_icon_size_classes = require("./icons/icon-size-classes.cjs.js");
+const require_primitives_control_icon = require("./primitives/control-icon.cjs.js");
+const require_primitives_control_size = require("./primitives/control-size.cjs.js");
+const require_primitives_form_element = require("./primitives/form-element.cjs.js");
+const require_primitives_transitions = require("./primitives/transitions.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _base_ui_react_button = require("@base-ui/react/button");
+// src/ds/components/Button/Button.tsx
+var TEXT_MODE_ADORNMENTS = require_utils.cn("rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]", "has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]");
+var LINK_LAYOUT = require_utils.cn("relative size-auto gap-1 rounded-xs px-0 text-label", "before:absolute before:-inset-x-2", "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0");
+var LINK_LABEL = require_utils.cn("relative inline-flex items-center gap-1", require_icons_icon_size_classes.iconSizeClasses.sm, "[&>svg]:shrink-0", "after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current", "after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none");
+var buttonVariants = require_dist.cva(require_utils.cn("inline-flex cursor-pointer items-center justify-center whitespace-nowrap", require_primitives_transitions.controlStateColorTransition, require_primitives_form_element.sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", require_primitives_form_element.controlFocusBorderVisible), {
+	variants: {
+		variant: {
+			default: require_utils.cn("border-0", require_primitives_form_element.raisedControlSurfaceStyle, require_primitives_control_icon.controlIconState, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
+			primary: require_utils.cn("border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active", require_primitives_transitions.focusRingOffset, "focus-visible:border-transparent", "disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75"),
+			destructive: require_utils.cn("border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active", require_primitives_transitions.focusRingOffset, "focus-visible:border-transparent", "disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground"),
+			"destructive-ghost": require_utils.cn("border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active", "disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder"),
+			ghost: require_utils.cn("border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill", require_primitives_control_icon.controlIconState, "disabled:bg-transparent aria-disabled:bg-transparent"),
+			subtle: require_utils.cn("border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill", require_primitives_transitions.focusRing, "disabled:bg-transparent aria-disabled:bg-transparent"),
+			link: require_utils.cn("border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground", "not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal", require_primitives_transitions.focusRingOffset, "disabled:text-placeholder aria-disabled:text-placeholder")
+		},
+		size: {
+			sm: require_utils.cn(require_primitives_control_size.controlSizeClasses.sm, require_icons_icon_size_classes.iconSizeClasses.sm, require_primitives_control_size.controlSpacing.sm, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			md: require_utils.cn(require_primitives_control_size.controlSizeClasses.md, require_icons_icon_size_classes.iconSizeClasses.md, require_primitives_control_size.controlSpacing.md, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			lg: require_utils.cn(require_primitives_control_size.controlSizeClasses.lg, require_icons_icon_size_classes.iconSizeClasses.lg, require_primitives_control_size.controlSpacing.lg, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			"icon-sm": require_utils.cn(require_primitives_control_size.controlHeight.sm, "w-control-sm rounded-full"),
+			"icon-md": require_utils.cn(require_primitives_control_size.controlHeight.md, "w-control-md rounded-full"),
+			"icon-lg": require_utils.cn(require_primitives_control_size.controlHeight.lg, "w-control-lg rounded-full")
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "link",
+			className: LINK_LAYOUT
+		},
+		{
+			variant: "link",
+			size: [
+				"sm",
+				"md",
+				"icon-sm",
+				"icon-md"
+			],
+			className: "before:-inset-y-1"
+		},
+		{
+			variant: "link",
+			size: ["lg", "icon-lg"],
+			className: "before:-inset-y-1.5"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+function isLinkElement(element) {
+	if (element.type === "a") return true;
+	const { href, to } = element.props;
+	return href !== void 0 || to !== void 0;
+}
+function preventLinkActivation(event) {
+	event.preventDefault();
+	event.stopPropagation();
+}
+var iconSizeMap = {
+	sm: "sm",
+	md: "md",
+	lg: "lg",
+	"icon-sm": "sm",
+	"icon-md": "md",
+	"icon-lg": "lg"
+};
+function adornmentIconSize(variant, size) {
+	if (variant === "link") return "sm";
+	return iconSizeMap[size];
+}
+/** A trigger's leading icon. */
+function ButtonIcon({ size, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAdornment, {
+		slot: "button-icon",
+		size: iconSizeMap[size],
+		children
+	});
+}
+/**
+* The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's
+* chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by
+* 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.
+*/
+function TriggerChevron() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
+		"aria-hidden": true,
+		"data-slot": "trigger-chevron",
+		className: "mx-[-0.125em] shrink-0"
+	});
+}
+/** The trigger chevron in a Button's end slot. */
+function ButtonChevron({ size }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAdornment, {
+		slot: "button-icon-end",
+		size: iconSizeMap[size],
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriggerChevron, {})
+	});
+}
+function ButtonAdornment({ slot, size, children }) {
+	if (!children) return void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_Icon.Icon, {
+		"data-slot": slot,
+		size,
+		children
+	});
+}
+function ButtonLabel({ variant, children }) {
+	if (variant !== "link") return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "button-label",
+		className: LINK_LABEL,
+		children
+	});
+}
+function flattenChildren(children) {
+	return react.default.Children.toArray(children).flatMap((child) => react.default.isValidElement(child) && child.type === react.default.Fragment ? flattenChildren(child.props.children) : [child]);
+}
+function isIconOnly(children) {
+	const flat = flattenChildren(children);
+	return flat.length > 0 && flat.every((child) => react.default.isValidElement(child));
+}
+function isIconButtonSize(size) {
+	return size?.startsWith("icon-") ?? false;
+}
+var Button = react.default.forwardRef(({ className, render, as: asProp, href, to, target, prefetch, size, variant = "default", disabled, children, icon, iconEnd, tooltip, tooltipPosition, "aria-label": ariaLabelProp, type, ...props }, ref) => {
+	const iconMode = variant !== "link" && isIconButtonSize(size);
+	const resolvedSize = size ?? "md";
+	const resolvedVariant = variant ?? "default";
+	const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);
+	const ariaLabel = ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === "string" ? tooltip : void 0);
+	const content = iconMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_Icon.Icon, {
+		size: iconSizeMap[resolvedSize],
+		children
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAdornment, {
+			slot: "button-icon",
+			size: adornmentSize,
+			children: icon
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonLabel, {
+			variant: resolvedVariant,
+			children
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonAdornment, {
+			slot: "button-icon-end",
+			size: adornmentSize,
+			children: iconEnd
+		})
+	] });
+	const sharedProps = {
+		disabled,
+		type,
+		"aria-label": ariaLabel,
+		"data-variant": variant,
+		"data-shape": iconMode ? "icon" : void 0,
+		className: require_utils.cn(buttonVariants({
+			variant,
+			size: resolvedSize
+		}), className),
+		...props
+	};
+	const LegacyComponent = render ? void 0 : asProp;
+	const legacyLinkProps = {
+		...href === void 0 ? null : { href },
+		...to === void 0 ? null : { to },
+		...target === void 0 ? null : { target },
+		...prefetch === void 0 ? null : { prefetch }
+	};
+	const isLinkVariant = resolvedVariant === "link";
+	const linkHref = href ?? to;
+	const linkRenderProps = {
+		...linkHref === void 0 ? null : { href: linkHref },
+		...target === void 0 ? null : { target }
+	};
+	const renderedLink = react.default.isValidElement(render) && isLinkElement(render) ? render : isLinkVariant ? react.default.createElement("a", linkRenderProps) : void 0;
+	const renderedLinkProps = renderedLink?.props;
+	const disabledHref = renderedLink?.type !== "a" && renderedLinkProps?.href !== void 0 ? "" : void 0;
+	const disabledTo = renderedLinkProps?.to !== void 0 ? "" : void 0;
+	const disabledLinkProps = disabled ? {
+		...isLinkVariant ? null : { href: disabledHref },
+		...isLinkVariant ? null : { to: disabledTo },
+		"aria-disabled": true,
+		onClick: preventLinkActivation,
+		onAuxClick: preventLinkActivation,
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") preventLinkActivation(event);
+		}
+	} : void 0;
+	const button = LegacyComponent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LegacyComponent, {
+		ref,
+		...legacyLinkProps,
+		...sharedProps,
+		children: content
+	}) : renderedLink ? react.default.cloneElement(renderedLink, {
+		ref,
+		...sharedProps,
+		disabled: void 0,
+		...disabledLinkProps,
+		className: require_utils.cn(sharedProps.className, renderedLink.props.className),
+		children: content
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_button.Button, {
+		ref,
+		render,
+		...sharedProps,
+		children: content
+	});
+	if (tooltip) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, {
+		side: tooltipPosition,
+		children: tooltip
+	})] });
+	return button;
+});
+Button.displayName = "Button";
+Object.defineProperty(exports, "Button", {
+	enumerable: true,
+	get: function() {
+		return Button;
+	}
+});
+Object.defineProperty(exports, "ButtonChevron", {
+	enumerable: true,
+	get: function() {
+		return ButtonChevron;
+	}
+});
+Object.defineProperty(exports, "ButtonIcon", {
+	enumerable: true,
+	get: function() {
+		return ButtonIcon;
+	}
+});
+Object.defineProperty(exports, "ButtonLabel", {
+	enumerable: true,
+	get: function() {
+		return ButtonLabel;
+	}
+});
+Object.defineProperty(exports, "TriggerChevron", {
+	enumerable: true,
+	get: function() {
+		return TriggerChevron;
+	}
+});
+Object.defineProperty(exports, "buttonVariants", {
+	enumerable: true,
+	get: function() {
+		return buttonVariants;
+	}
+});
+Object.defineProperty(exports, "isIconButtonSize", {
+	enumerable: true,
+	get: function() {
+		return isIconButtonSize;
+	}
+});
+
+//# sourceMappingURL=Button-BfICfyxD.cjs.map

package/dist/Button-BfICfyxD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BfICfyxD.cjs","names":["cn","iconSizeClasses","cva","controlStateColorTransition","sharedFormElementDisabledStyle","controlFocusBorderVisible","raisedControlSurfaceStyle","controlIconState","focusRingOffset","focusRing","controlSizeClasses","controlSpacing","controlHeight","ChevronDown","Icon","React","_Fragment","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { controlHeight, controlSizeClasses, controlSpacing } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size takes `--control-px` (the label's side padding) and\n// `--control-gap` from `controlSpacing`, shared with every other pill control. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\n// Insets are measured from the outer edge, border included: a variant with a real border (or a\n// segment a ButtonsGroup gives one) sets `--control-border` and the padding gives that width\n// back, so its label sits where a borderless `default` button's does.\nconst TEXT_MODE_ADORNMENTS = cn(\n  'rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex cursor-pointer items-center justify-center whitespace-nowrap',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          controlIconState,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer. Their glyph colour carries the\n        // meaning, so they keep it with the label instead of taking `controlIconState`.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          controlIconState,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        // A persistent neutral fill for selected controls. Match default's borderless\n        // box so switching between the raised and subtle surfaces keeps labels in place.\n        subtle: cn(\n          'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n          focusRing,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(\n          controlSizeClasses.sm,\n          iconSizeClasses.sm,\n          controlSpacing.sm,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        md: cn(\n          controlSizeClasses.md,\n          iconSizeClasses.md,\n          controlSpacing.md,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        lg: cn(\n          controlSizeClasses.lg,\n          iconSizeClasses.lg,\n          controlSpacing.lg,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\n/*\n * Adornments for triggers that take the Button recipe without the Button component (Select,\n * Combobox). They sit in the same slots as a Button's `icon` and `iconEnd`, so every trigger's\n * leading icon and chevron share one size and one inset from the edge.\n */\n\n/** A trigger's leading icon. */\nexport function ButtonIcon({ size, children }: { size: ButtonSize; children: React.ReactNode }) {\n  return (\n    <ButtonAdornment slot=\"button-icon\" size={iconSizeMap[size]}>\n      {children}\n    </ButtonAdornment>\n  );\n}\n\n/**\n * The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's\n * chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by\n * 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.\n */\nexport function TriggerChevron() {\n  return <ChevronDown aria-hidden data-slot=\"trigger-chevron\" className=\"mx-[-0.125em] shrink-0\" />;\n}\n\n/** The trigger chevron in a Button's end slot. */\nexport function ButtonChevron({ size }: { size: ButtonSize }) {\n  return (\n    <ButtonAdornment slot=\"button-icon-end\" size={iconSizeMap[size]}>\n      <TriggerChevron />\n    </ButtonAdornment>\n  );\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n      ? flattenChildren(child.props.children)\n      : [child],\n  );\n}\n\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel =\n      ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const isLinkVariant = resolvedVariant === 'link';\n    const linkHref = href ?? to;\n    const linkRenderProps: LinkRenderProps = {\n      ...(linkHref === undefined ? null : { href: linkHref }),\n      ...(target === undefined ? null : { target }),\n    };\n    const renderedLink =\n      React.isValidElement(render) && isLinkElement(render)\n        ? render\n        : isLinkVariant\n          ? React.createElement('a', linkRenderProps)\n          : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          ...(isLinkVariant ? null : { href: disabledHref }),\n          ...(isLinkVariant ? null : { to: disabledTo }),\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}

package/dist/Button-Bi7aXd_G.js

@@ -0,0 +1,233 @@
+import { t as cva } from "./dist-BhWtUEhi.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-DJcze2VZ.js";
+import { Icon } from "./icons/Icon.es.js";
+import { iconSizeClasses } from "./icons/icon-size-classes.es.js";
+import { controlIconState } from "./primitives/control-icon.es.js";
+import { controlHeight, controlSizeClasses, controlSpacing } from "./primitives/control-size.es.js";
+import { controlFocusBorderVisible, raisedControlSurfaceStyle, sharedFormElementDisabledStyle } from "./primitives/form-element.es.js";
+import { controlStateColorTransition, focusRing, focusRingOffset } from "./primitives/transitions.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { Button } from "@base-ui/react/button";
+// src/ds/components/Button/Button.tsx
+var TEXT_MODE_ADORNMENTS = cn("rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]", "has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]");
+var LINK_LAYOUT = cn("relative size-auto gap-1 rounded-xs px-0 text-label", "before:absolute before:-inset-x-2", "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0");
+var LINK_LABEL = cn("relative inline-flex items-center gap-1", iconSizeClasses.sm, "[&>svg]:shrink-0", "after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current", "after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none");
+var buttonVariants = cva(cn("inline-flex cursor-pointer items-center justify-center whitespace-nowrap", controlStateColorTransition, sharedFormElementDisabledStyle, "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground", controlFocusBorderVisible), {
+	variants: {
+		variant: {
+			default: cn("border-0", raisedControlSurfaceStyle, controlIconState, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
+			primary: cn("border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active", focusRingOffset, "focus-visible:border-transparent", "disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75"),
+			destructive: cn("border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active", focusRingOffset, "focus-visible:border-transparent", "disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground"),
+			"destructive-ghost": cn("border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active", "disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder"),
+			ghost: cn("border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill", controlIconState, "disabled:bg-transparent aria-disabled:bg-transparent"),
+			subtle: cn("border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill", focusRing, "disabled:bg-transparent aria-disabled:bg-transparent"),
+			link: cn("border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground", "not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal", focusRingOffset, "disabled:text-placeholder aria-disabled:text-placeholder")
+		},
+		size: {
+			sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, controlSpacing.sm, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			md: cn(controlSizeClasses.md, iconSizeClasses.md, controlSpacing.md, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, controlSpacing.lg, "gap-(--control-gap)", TEXT_MODE_ADORNMENTS),
+			"icon-sm": cn(controlHeight.sm, "w-control-sm rounded-full"),
+			"icon-md": cn(controlHeight.md, "w-control-md rounded-full"),
+			"icon-lg": cn(controlHeight.lg, "w-control-lg rounded-full")
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "link",
+			className: LINK_LAYOUT
+		},
+		{
+			variant: "link",
+			size: [
+				"sm",
+				"md",
+				"icon-sm",
+				"icon-md"
+			],
+			className: "before:-inset-y-1"
+		},
+		{
+			variant: "link",
+			size: ["lg", "icon-lg"],
+			className: "before:-inset-y-1.5"
+		}
+	],
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+function isLinkElement(element) {
+	if (element.type === "a") return true;
+	const { href, to } = element.props;
+	return href !== void 0 || to !== void 0;
+}
+function preventLinkActivation(event) {
+	event.preventDefault();
+	event.stopPropagation();
+}
+var iconSizeMap = {
+	sm: "sm",
+	md: "md",
+	lg: "lg",
+	"icon-sm": "sm",
+	"icon-md": "md",
+	"icon-lg": "lg"
+};
+function adornmentIconSize(variant, size) {
+	if (variant === "link") return "sm";
+	return iconSizeMap[size];
+}
+/** A trigger's leading icon. */
+function ButtonIcon({ size, children }) {
+	return /* @__PURE__ */ jsx(ButtonAdornment, {
+		slot: "button-icon",
+		size: iconSizeMap[size],
+		children
+	});
+}
+/**
+* The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's
+* chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by
+* 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.
+*/
+function TriggerChevron() {
+	return /* @__PURE__ */ jsx(ChevronDown, {
+		"aria-hidden": true,
+		"data-slot": "trigger-chevron",
+		className: "mx-[-0.125em] shrink-0"
+	});
+}
+/** The trigger chevron in a Button's end slot. */
+function ButtonChevron({ size }) {
+	return /* @__PURE__ */ jsx(ButtonAdornment, {
+		slot: "button-icon-end",
+		size: iconSizeMap[size],
+		children: /* @__PURE__ */ jsx(TriggerChevron, {})
+	});
+}
+function ButtonAdornment({ slot, size, children }) {
+	if (!children) return void 0;
+	return /* @__PURE__ */ jsx(Icon, {
+		"data-slot": slot,
+		size,
+		children
+	});
+}
+function ButtonLabel({ variant, children }) {
+	if (variant !== "link") return children;
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "button-label",
+		className: LINK_LABEL,
+		children
+	});
+}
+function flattenChildren(children) {
+	return React.Children.toArray(children).flatMap((child) => React.isValidElement(child) && child.type === React.Fragment ? flattenChildren(child.props.children) : [child]);
+}
+function isIconOnly(children) {
+	const flat = flattenChildren(children);
+	return flat.length > 0 && flat.every((child) => React.isValidElement(child));
+}
+function isIconButtonSize(size) {
+	return size?.startsWith("icon-") ?? false;
+}
+var Button$1 = React.forwardRef(({ className, render, as: asProp, href, to, target, prefetch, size, variant = "default", disabled, children, icon, iconEnd, tooltip, tooltipPosition, "aria-label": ariaLabelProp, type, ...props }, ref) => {
+	const iconMode = variant !== "link" && isIconButtonSize(size);
+	const resolvedSize = size ?? "md";
+	const resolvedVariant = variant ?? "default";
+	const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);
+	const ariaLabel = ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === "string" ? tooltip : void 0);
+	const content = iconMode ? /* @__PURE__ */ jsx(Icon, {
+		size: iconSizeMap[resolvedSize],
+		children
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(ButtonAdornment, {
+			slot: "button-icon",
+			size: adornmentSize,
+			children: icon
+		}),
+		/* @__PURE__ */ jsx(ButtonLabel, {
+			variant: resolvedVariant,
+			children
+		}),
+		/* @__PURE__ */ jsx(ButtonAdornment, {
+			slot: "button-icon-end",
+			size: adornmentSize,
+			children: iconEnd
+		})
+	] });
+	const sharedProps = {
+		disabled,
+		type,
+		"aria-label": ariaLabel,
+		"data-variant": variant,
+		"data-shape": iconMode ? "icon" : void 0,
+		className: cn(buttonVariants({
+			variant,
+			size: resolvedSize
+		}), className),
+		...props
+	};
+	const LegacyComponent = render ? void 0 : asProp;
+	const legacyLinkProps = {
+		...href === void 0 ? null : { href },
+		...to === void 0 ? null : { to },
+		...target === void 0 ? null : { target },
+		...prefetch === void 0 ? null : { prefetch }
+	};
+	const isLinkVariant = resolvedVariant === "link";
+	const linkHref = href ?? to;
+	const linkRenderProps = {
+		...linkHref === void 0 ? null : { href: linkHref },
+		...target === void 0 ? null : { target }
+	};
+	const renderedLink = React.isValidElement(render) && isLinkElement(render) ? render : isLinkVariant ? React.createElement("a", linkRenderProps) : void 0;
+	const renderedLinkProps = renderedLink?.props;
+	const disabledHref = renderedLink?.type !== "a" && renderedLinkProps?.href !== void 0 ? "" : void 0;
+	const disabledTo = renderedLinkProps?.to !== void 0 ? "" : void 0;
+	const disabledLinkProps = disabled ? {
+		...isLinkVariant ? null : { href: disabledHref },
+		...isLinkVariant ? null : { to: disabledTo },
+		"aria-disabled": true,
+		onClick: preventLinkActivation,
+		onAuxClick: preventLinkActivation,
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") preventLinkActivation(event);
+		}
+	} : void 0;
+	const button = LegacyComponent ? /* @__PURE__ */ jsx(LegacyComponent, {
+		ref,
+		...legacyLinkProps,
+		...sharedProps,
+		children: content
+	}) : renderedLink ? React.cloneElement(renderedLink, {
+		ref,
+		...sharedProps,
+		disabled: void 0,
+		...disabledLinkProps,
+		className: cn(sharedProps.className, renderedLink.props.className),
+		children: content
+	}) : /* @__PURE__ */ jsx(Button, {
+		ref,
+		render,
+		...sharedProps,
+		children: content
+	});
+	if (tooltip) return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: tooltipPosition,
+		children: tooltip
+	})] });
+	return button;
+});
+Button$1.displayName = "Button";
+export { TriggerChevron as a, ButtonLabel as i, ButtonChevron as n, buttonVariants as o, ButtonIcon as r, isIconButtonSize as s, Button$1 as t };
+
+//# sourceMappingURL=Button-Bi7aXd_G.js.map

package/dist/Button-Bi7aXd_G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-Bi7aXd_G.js","names":["Button","_Fragment","BaseButton"],"sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { Button as BaseButton } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport type { IconSize } from '@/ds/icons/icon-size-classes';\nimport { controlIconState } from '@/ds/primitives/control-icon';\nimport { controlHeight, controlSizeClasses, controlSpacing } from '@/ds/primitives/control-size';\nimport {\n  controlFocusBorderVisible,\n  raisedControlSurfaceStyle,\n  sharedFormElementDisabledStyle,\n} from '@/ds/primitives/form-element';\nimport { controlStateColorTransition, focusRing, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n// Text-mode buttons are pills. Each size takes `--control-px` (the label's side padding) and\n// `--control-gap` from `controlSpacing`, shared with every other pill control. The\n// icon side gets 2px less, because a glyph draws inside its box: the icon then reads as far\n// from the edge as the label does (shadcn's Button uses the same 2px step).\n// - `[data-slot=button-icon(-end)]`: the `<Icon>` wrappers the `icon` / `iconEnd` props render.\n// - `>svg`: a bare SVG passed as a leading child, before the label.\n// A button with no label takes an icon-mode size instead: a fixed square with its own\n// `rounded-full`, so it reads as a circle rather than a padded pill (lint rule\n// `mastra/icon-button-size`).\n// Insets are measured from the outer edge, border included: a variant with a real border (or a\n// segment a ButtonsGroup gives one) sets `--control-border` and the padding gives that width\n// back, so its label sits where a borderless `default` button's does.\nconst TEXT_MODE_ADORNMENTS = cn(\n  'rounded-full px-[calc(var(--control-px)-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon]]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>svg]:pl-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n  'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--control-px)-2px-var(--control-border,0px))]',\n);\n\nconst LINK_LAYOUT = cn(\n  'relative size-auto gap-1 rounded-xs px-0 text-label',\n  'before:absolute before:-inset-x-2',\n  'has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0',\n);\n\nconst LINK_LABEL = cn(\n  'relative inline-flex items-center gap-1',\n  iconSizeClasses.sm,\n  '[&>svg]:shrink-0',\n  'after:absolute after:inset-x-0 after:bottom-0 after:h-px after:origin-left after:scale-x-0 after:bg-current',\n  'after:transition-transform after:duration-fast after:ease-out-custom motion-reduce:after:transition-none',\n);\n\n// eslint-disable-next-line react-refresh/only-export-components -- exported variant helper is part of Button's public API\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex cursor-pointer items-center justify-center whitespace-nowrap',\n    controlStateColorTransition,\n    sharedFormElementDisabledStyle,\n    'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-muted-foreground',\n    controlFocusBorderVisible,\n  ),\n  {\n    variants: {\n      variant: {\n        // The raised card material, the same one a field wears: a neutral filled control is\n        // one material system-wide. No border of its own — the material's rim is its edge,\n        // and focus repaints that rim. Inside a ButtonsGroup the group flattens the rim and\n        // hands every segment the same 1px border instead (see `buttons-group.css`).\n        default: cn(\n          'border-0',\n          raisedControlSurfaceStyle,\n          controlIconState,\n          'disabled:bg-fill-subtle aria-disabled:bg-fill-subtle',\n        ),\n        // Filled variants take the opaque ladder: their rest fill is a colour, not a rung\n        // layered on the surface, so a state that thinned it would let whatever the button\n        // covers read through the hover it is meant to answer. Their glyph colour carries the\n        // meaning, so they keep it with the label instead of taking `controlIconState`.\n        primary: cn(\n          'border border-transparent bg-fill-inverse text-background [--control-border:1px] not-disabled:hover:bg-fill-inverse-hover not-disabled:active:bg-fill-inverse-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-inverse-disabled disabled:text-background/75 aria-disabled:bg-fill-inverse-disabled aria-disabled:text-background/75',\n        ),\n        destructive: cn(\n          'border border-transparent bg-fill-destructive text-fill-destructive-foreground [--control-border:1px] not-disabled:hover:bg-fill-destructive-hover not-disabled:active:bg-fill-destructive-active',\n          focusRingOffset,\n          'focus-visible:border-transparent',\n          'disabled:bg-fill-destructive-disabled disabled:text-fill-destructive-disabled-foreground aria-disabled:bg-fill-destructive-disabled aria-disabled:text-fill-destructive-disabled-foreground',\n        ),\n        'destructive-ghost': cn(\n          'border border-transparent bg-transparent text-destructive-foreground [--control-border:1px] not-disabled:hover:bg-destructive-subtle not-disabled:hover:text-destructive-foreground not-disabled:active:bg-destructive-subtle-active',\n          'disabled:bg-transparent disabled:text-placeholder aria-disabled:bg-transparent aria-disabled:text-placeholder',\n        ),\n        ghost: cn(\n          'border border-transparent bg-transparent text-muted-foreground [--control-border:1px] not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\n          controlIconState,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        // A persistent neutral fill for selected controls. Match default's borderless\n        // box so switching between the raised and subtle surfaces keeps labels in place.\n        subtle: cn(\n          'border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill',\n          focusRing,\n          'disabled:bg-transparent aria-disabled:bg-transparent',\n        ),\n        link: cn(\n          'border-0 bg-transparent text-muted-foreground not-disabled:hover:text-foreground',\n          'not-disabled:hover:[&>[data-slot=button-label]]:after:scale-x-100 not-disabled:hover:[&>[data-slot=button-label]]:after:duration-normal',\n          focusRingOffset,\n          'disabled:text-placeholder aria-disabled:text-placeholder',\n        ),\n      },\n      size: {\n        sm: cn(\n          controlSizeClasses.sm,\n          iconSizeClasses.sm,\n          controlSpacing.sm,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        md: cn(\n          controlSizeClasses.md,\n          iconSizeClasses.md,\n          controlSpacing.md,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        lg: cn(\n          controlSizeClasses.lg,\n          iconSizeClasses.lg,\n          controlSpacing.lg,\n          'gap-(--control-gap)',\n          TEXT_MODE_ADORNMENTS,\n        ),\n        // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n        // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`\n        // wrapper the component puts around an icon-mode child, keyed off the same scale.\n        'icon-sm': cn(controlHeight.sm, 'w-control-sm rounded-full'),\n        'icon-md': cn(controlHeight.md, 'w-control-md rounded-full'),\n        'icon-lg': cn(controlHeight.lg, 'w-control-lg rounded-full'),\n      },\n    },\n    compoundVariants: [\n      { variant: 'link', className: LINK_LAYOUT },\n      { variant: 'link', size: ['sm', 'md', 'icon-sm', 'icon-md'], className: 'before:-inset-y-1' },\n      { variant: 'link', size: ['lg', 'icon-lg'], className: 'before:-inset-y-1.5' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n  render?: BaseButton.Props['render'];\n  className?: string;\n  children: React.ReactNode;\n  /** Leading icon, always rendered on the left of the label inside `<Icon>`. Ignored in icon-mode sizes. */\n  icon?: React.ReactNode;\n  iconEnd?: React.ReactNode;\n  tooltip?: React.ReactNode;\n  /** Side of the trigger the tooltip opens on. Defaults to `top`. */\n  tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** @deprecated Pass the element through `render` instead: `render={<Link href=\"/x\" />}`. */\n  as?: React.ElementType;\n  /** @deprecated Set it on the element passed to `render`. */\n  href?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  to?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  target?: string;\n  /** @deprecated Set it on the element passed to `render`. */\n  prefetch?: boolean | null;\n}\n\n// A link is not a button. `render` always entered `BaseButton`, which warns in\n// development when the resolved element is not a native button. `nativeButton={false}`\n// is the worse fix: Base UI then adds `role=\"button\"` and Enter/Space handling, so a\n// screen reader announces a link as a button. Render links directly instead and keep\n// `BaseButton` for real buttons.\nfunction isLinkElement(\n  element: React.ReactElement,\n): element is React.ReactElement<{ href?: unknown; to?: unknown; className?: string }> {\n  if (element.type === 'a') return true;\n  const { href, to } = element.props as { href?: unknown; to?: unknown };\n  return href !== undefined || to !== undefined;\n}\n\nfunction preventLinkActivation(event: React.SyntheticEvent): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\ntype LinkRenderProps = { href?: string; to?: string; target?: string; className?: string };\n\n// One icon step per control step: a glyph is sized by the rung it sits in, so the\n// same nominal size renders the same icon whether it arrives as an icon-mode child,\n// the `icon` prop, or a bare SVG.\nconst iconSizeMap: Record<ButtonSize, IconSize> = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  'icon-sm': 'sm',\n  'icon-md': 'md',\n  'icon-lg': 'lg',\n};\n\nfunction adornmentIconSize(variant: ButtonVariant, size: ButtonSize): IconSize {\n  if (variant === 'link') return 'sm';\n  return iconSizeMap[size];\n}\n\n/*\n * Adornments for triggers that take the Button recipe without the Button component (Select,\n * Combobox). They sit in the same slots as a Button's `icon` and `iconEnd`, so every trigger's\n * leading icon and chevron share one size and one inset from the edge.\n */\n\n/** A trigger's leading icon. */\nexport function ButtonIcon({ size, children }: { size: ButtonSize; children: React.ReactNode }) {\n  return (\n    <ButtonAdornment slot=\"button-icon\" size={iconSizeMap[size]}>\n      {children}\n    </ButtonAdornment>\n  );\n}\n\n/**\n * The down chevron of a trigger that opens a list; static, it does not turn while open. Lucide's\n * chevron ink spans the middle half of its box, twice a regular icon's inset, so it pulls in by\n * 1/8em on each side to sit where a regular icon's ink would. Pass it as a Button's `iconEnd`.\n */\nexport function TriggerChevron() {\n  return <ChevronDown aria-hidden data-slot=\"trigger-chevron\" className=\"mx-[-0.125em] shrink-0\" />;\n}\n\n/** The trigger chevron in a Button's end slot. */\nexport function ButtonChevron({ size }: { size: ButtonSize }) {\n  return (\n    <ButtonAdornment slot=\"button-icon-end\" size={iconSizeMap[size]}>\n      <TriggerChevron />\n    </ButtonAdornment>\n  );\n}\n\nfunction ButtonAdornment({ slot, size, children }: { slot: string; size: IconSize; children: React.ReactNode }) {\n  if (!children) return undefined;\n  return (\n    <Icon data-slot={slot} size={size}>\n      {children}\n    </Icon>\n  );\n}\n\nexport function ButtonLabel({ variant, children }: { variant: ButtonVariant; children: React.ReactNode }) {\n  if (variant !== 'link') return children;\n  return (\n    <span data-slot=\"button-label\" className={LINK_LABEL}>\n      {children}\n    </span>\n  );\n}\n\n// True when every child is an element (no label text). A text-sized button can still hold\n// only an icon when its size is forwarded from a wrapper, and it then needs a name too.\n// `<></>` fragments are expanded first: `<><svg />Save</>` has a label.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment\n      ? flattenChildren(child.props.children)\n      : [child],\n  );\n}\n\nfunction isIconOnly(children: React.ReactNode): boolean {\n  const flat = flattenChildren(children);\n  return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize`, so an icon-mode button can be\n// told from a text-mode one without a cast.\n// eslint-disable-next-line react-refresh/only-export-components -- shared with Combobox's icon-only trigger\nexport function isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n  return size?.startsWith('icon-') ?? false;\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className,\n      render,\n      as: asProp,\n      href,\n      to,\n      target,\n      prefetch,\n      size,\n      variant = 'default',\n      disabled,\n      children,\n      icon,\n      iconEnd,\n      tooltip,\n      tooltipPosition,\n      'aria-label': ariaLabelProp,\n      type,\n      ...props\n    },\n    ref,\n  ) => {\n    const iconMode = variant !== 'link' && isIconButtonSize(size);\n    const resolvedSize: ButtonSize = size ?? 'md';\n    const resolvedVariant: ButtonVariant = variant ?? 'default';\n    const adornmentSize = adornmentIconSize(resolvedVariant, resolvedSize);\n\n    // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n    const ariaLabel =\n      ariaLabelProp ?? ((iconMode || isIconOnly(children)) && typeof tooltip === 'string' ? tooltip : undefined);\n\n    const content = iconMode ? (\n      <Icon size={iconSizeMap[resolvedSize]}>{children}</Icon>\n    ) : (\n      <>\n        <ButtonAdornment slot=\"button-icon\" size={adornmentSize}>\n          {icon}\n        </ButtonAdornment>\n        <ButtonLabel variant={resolvedVariant}>{children}</ButtonLabel>\n        <ButtonAdornment slot=\"button-icon-end\" size={adornmentSize}>\n          {iconEnd}\n        </ButtonAdornment>\n      </>\n    );\n\n    const sharedProps = {\n      disabled,\n      // Base UI renders `type=\"button\"` when the prop is absent, which would quietly stop\n      // a form button that relied on the native `submit` default from submitting. Passing\n      // it through, `undefined` included, keeps native semantics: absent stays absent.\n      type,\n      'aria-label': ariaLabel,\n      // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n      // (filled buttons have an opaque background that hides a border seam, so the group\n      // paints their divider as an inset box-shadow instead — see buttons-group.css).\n      'data-variant': variant,\n      // Icon-mode is a square: a group that overrides the rung has to move the width with\n      // the height or the circle turns into a pill (see buttons-group.css).\n      'data-shape': iconMode ? 'icon' : undefined,\n      className: cn(buttonVariants({ variant, size: resolvedSize }), className),\n      ...props,\n    };\n\n    // The deprecated `as` API keeps its original element path rather than going through\n    // Base UI. Routing it through `render` drops props Base UI does not know about — a\n    // router link loses its `to` and stops navigating — and Base UI warns that a\n    // non-<button> contradicts `nativeButton`.\n    const LegacyComponent = render ? undefined : asProp;\n\n    // Only forward what the caller actually set. Passing `href={undefined}` through to a\n    // router link overwrites the href that link derives from `to`, leaving an anchor that\n    // renders correctly and navigates nowhere.\n    const legacyLinkProps = {\n      ...(href === undefined ? null : { href }),\n      ...(to === undefined ? null : { to }),\n      ...(target === undefined ? null : { target }),\n      ...(prefetch === undefined ? null : { prefetch }),\n    };\n\n    const isLinkVariant = resolvedVariant === 'link';\n    const linkHref = href ?? to;\n    const linkRenderProps: LinkRenderProps = {\n      ...(linkHref === undefined ? null : { href: linkHref }),\n      ...(target === undefined ? null : { target }),\n    };\n    const renderedLink =\n      React.isValidElement(render) && isLinkElement(render)\n        ? render\n        : isLinkVariant\n          ? React.createElement('a', linkRenderProps)\n          : undefined;\n    const renderedLinkProps = renderedLink?.props;\n    const disabledHref = renderedLink?.type !== 'a' && renderedLinkProps?.href !== undefined ? '' : undefined;\n    const disabledTo = renderedLinkProps?.to !== undefined ? '' : undefined;\n    const disabledLinkProps = disabled\n      ? {\n          ...(isLinkVariant ? null : { href: disabledHref }),\n          ...(isLinkVariant ? null : { to: disabledTo }),\n          'aria-disabled': true,\n          onClick: preventLinkActivation,\n          onAuxClick: preventLinkActivation,\n          onKeyDown: (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') preventLinkActivation(event);\n          },\n        }\n      : undefined;\n\n    const button = LegacyComponent ? (\n      <LegacyComponent ref={ref} {...legacyLinkProps} {...sharedProps}>\n        {content}\n      </LegacyComponent>\n    ) : renderedLink ? (\n      React.cloneElement(renderedLink as React.ReactElement<Record<string, unknown>>, {\n        ref,\n        ...sharedProps,\n        disabled: undefined,\n        ...disabledLinkProps,\n        className: cn(sharedProps.className, renderedLink.props.className),\n        children: content,\n      })\n    ) : (\n      <BaseButton ref={ref} render={render} {...sharedProps}>\n        {content}\n      </BaseButton>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent side={tooltipPosition}>{tooltip}</TooltipContent>\n        </Tooltip>\n      );\n    }\n\n    return button;\n  },\n);\n\nButton.displayName = 'Button';\n"],"mappings":"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"}