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

package/dist/{ActionRow-BfK77pCT.cjs → ActionRow-BlC9GAef.cjs}

@@ -5,7 +5,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 function ActionRowRoot({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "action-row",
-		className: require_utils.cn("flex min-h-control-md flex-wrap items-center justify-between gap-2", className),
+		className: require_utils.cn("flex min-h-control-md flex-wrap items-center justify-between gap-1.5", className),
 		...props
 	});
 }
@@ -13,7 +13,7 @@ function ActionRowRoot({ className, ...props }) {
 function ActionRowStart({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "action-row-start",
-		className: require_utils.cn("flex min-w-64 flex-1 flex-wrap items-center gap-2", className),
+		className: require_utils.cn("flex min-w-64 flex-1 flex-wrap items-center gap-1.5", className),
 		...props
 	});
 }
@@ -21,7 +21,7 @@ function ActionRowStart({ className, ...props }) {
 function ActionRowEnd({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "action-row-end",
-		className: require_utils.cn("ml-auto flex shrink-0 items-center gap-2", className),
+		className: require_utils.cn("ml-auto flex shrink-0 items-center gap-1.5", className),
 		...props
 	});
 }
@@ -37,4 +37,4 @@ Object.defineProperty(exports, "ActionRow", {
 	}
 });
 
-//# sourceMappingURL=ActionRow-BfK77pCT.cjs.map
+//# sourceMappingURL=ActionRow-BlC9GAef.cjs.map

package/dist/ActionRow-BlC9GAef.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow-BlC9GAef.cjs","names":["cn"],"sources":["../src/ds/components/ActionRow/action-row.tsx","../src/ds/components/ActionRow/index.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\n\n/** One toolbar line: a start group and an end group pushed apart, wrapping on narrow viewports. */\nexport function ActionRowRoot({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row\"\n      className={cn('flex min-h-control-md flex-wrap items-center justify-between gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Actions positioned on the left. Grows to fill the line; keeps a floor so the end group wraps under it instead of squeezing it. */\nexport function ActionRowStart({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row-start\"\n      className={cn('flex min-w-64 flex-1 flex-wrap items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Actions positioned on the right. Never shrinks; wraps under the start group when needed. */\nexport function ActionRowEnd({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row-end\"\n      className={cn('ml-auto flex shrink-0 items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n","import { ActionRowEnd, ActionRowRoot, ActionRowStart } from './action-row';\n\nexport const ActionRow = Object.assign(ActionRowRoot, {\n  Start: ActionRowStart,\n  End: ActionRowEnd,\n});\n"],"mappings":";;;;AAOA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAmB;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWA,cAAAA,GAAG,wEAAwE,SAAS;EAC/F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAmB;CAChE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWA,cAAAA,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAmB;CAC9D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,WAAWA,cAAAA,GAAG,8CAA8C,SAAS;EACrE,GAAI;CACL,CAAA;AAEL;;ACnCA,IAAa,YAAY,OAAO,OAAO,eAAe;CACpD,OAAO;CACP,KAAK;AACP,CAAC"}

package/dist/{ActionRow-Cd6tOC2K.js → ActionRow-DCrRCvBq.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function ActionRowRoot({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "action-row",
-		className: cn("flex min-h-control-md flex-wrap items-center justify-between gap-2", className),
+		className: cn("flex min-h-control-md flex-wrap items-center justify-between gap-1.5", className),
 		...props
 	});
 }
@@ -13,7 +13,7 @@ function ActionRowRoot({ className, ...props }) {
 function ActionRowStart({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "action-row-start",
-		className: cn("flex min-w-64 flex-1 flex-wrap items-center gap-2", className),
+		className: cn("flex min-w-64 flex-1 flex-wrap items-center gap-1.5", className),
 		...props
 	});
 }
@@ -21,7 +21,7 @@ function ActionRowStart({ className, ...props }) {
 function ActionRowEnd({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "action-row-end",
-		className: cn("ml-auto flex shrink-0 items-center gap-2", className),
+		className: cn("ml-auto flex shrink-0 items-center gap-1.5", className),
 		...props
 	});
 }
@@ -32,4 +32,4 @@ var ActionRow = Object.assign(ActionRowRoot, {
 });
 export { ActionRow as t };
 
-//# sourceMappingURL=ActionRow-Cd6tOC2K.js.map
+//# sourceMappingURL=ActionRow-DCrRCvBq.js.map

package/dist/ActionRow-DCrRCvBq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow-DCrRCvBq.js","names":[],"sources":["../src/ds/components/ActionRow/action-row.tsx","../src/ds/components/ActionRow/index.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\n\n/** One toolbar line: a start group and an end group pushed apart, wrapping on narrow viewports. */\nexport function ActionRowRoot({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row\"\n      className={cn('flex min-h-control-md flex-wrap items-center justify-between gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Actions positioned on the left. Grows to fill the line; keeps a floor so the end group wraps under it instead of squeezing it. */\nexport function ActionRowStart({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row-start\"\n      className={cn('flex min-w-64 flex-1 flex-wrap items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Actions positioned on the right. Never shrinks; wraps under the start group when needed. */\nexport function ActionRowEnd({ className, ...props }: DivProps) {\n  return (\n    <div\n      data-slot=\"action-row-end\"\n      className={cn('ml-auto flex shrink-0 items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n","import { ActionRowEnd, ActionRowRoot, ActionRowStart } from './action-row';\n\nexport const ActionRow = Object.assign(ActionRowRoot, {\n  Start: ActionRowStart,\n  End: ActionRowEnd,\n});\n"],"mappings":";;;;AAOA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAmB;CAC/D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,wEAAwE,SAAS;EAC/F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAAmB;CAChE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAmB;CAC9D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8CAA8C,SAAS;EACrE,GAAI;CACL,CAAA;AAEL;;ACnCA,IAAa,YAAY,OAAO,OAAO,eAAe;CACpD,OAAO;CACP,KAAK;AACP,CAAC"}

package/dist/{Button-Bw1e3ONi.js → Button-CLXTbAY8.js}

@@ -3,32 +3,33 @@ import { t as cva } from "./dist-BhWtUEhi.js";
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-HzcLyGtV.js";
 import { iconSizeClasses } from "./icons/icon-size-classes.es.js";
 import { Icon } from "./icons/Icon.es.js";
-import { controlHeight, controlSizeClasses } from "./primitives/control-size.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 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-(--button-px)", "has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]");
+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 NEUTRAL_ICON_STATE = cn("[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground");
 var buttonVariants = cva(cn("inline-flex cursor-pointer items-center justify-center", 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, NEUTRAL_ICON_STATE, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
-			primary: cn("border border-transparent bg-fill-inverse text-background 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 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 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 not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill", "disabled:bg-transparent aria-disabled:bg-transparent"),
+			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, "gap-1 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
-			md: cn(controlSizeClasses.md, iconSizeClasses.md, "gap-1.5 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
-			lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, "gap-1.5 [--button-px:1em]", TEXT_MODE_ADORNMENTS),
+			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")
@@ -81,6 +82,34 @@ 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, {
@@ -199,6 +228,6 @@ var Button$1 = React.forwardRef(({ className, render, as: asProp, href, to, targ
 	return button;
 });
 Button$1.displayName = "Button";
-export { isIconButtonSize as i, ButtonLabel as n, buttonVariants as r, Button$1 as t };
+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-Bw1e3ONi.js.map
+//# sourceMappingURL=Button-CLXTbAY8.js.map

package/dist/Button-CLXTbAY8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-CLXTbAY8.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',\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-YQRflC47.cjs → Button-DLcMcuUL.cjs}

@@ -4,33 +4,34 @@ const require_dist = require("./dist-ClDKPtVq.cjs");
 const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
 const require_icons_icon_size_classes = require("./icons/icon-size-classes.cjs.js");
 const require_icons_Icon = require("./icons/Icon.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");
 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-(--button-px)", "has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]", "has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]");
+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 NEUTRAL_ICON_STATE = require_utils.cn("[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground");
 var buttonVariants = require_dist.cva(require_utils.cn("inline-flex cursor-pointer items-center justify-center", 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, NEUTRAL_ICON_STATE, "disabled:bg-fill-subtle aria-disabled:bg-fill-subtle"),
-			primary: require_utils.cn("border border-transparent bg-fill-inverse text-background 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 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 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 not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill", "disabled:bg-transparent aria-disabled:bg-transparent"),
+			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, "gap-1 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
-			md: require_utils.cn(require_primitives_control_size.controlSizeClasses.md, require_icons_icon_size_classes.iconSizeClasses.md, "gap-1.5 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
-			lg: require_utils.cn(require_primitives_control_size.controlSizeClasses.lg, require_icons_icon_size_classes.iconSizeClasses.lg, "gap-1.5 [--button-px:1em]", TEXT_MODE_ADORNMENTS),
+			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")
@@ -83,6 +84,34 @@ 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, {
@@ -207,12 +236,30 @@ Object.defineProperty(exports, "Button", {
 		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() {
@@ -226,4 +273,4 @@ Object.defineProperty(exports, "isIconButtonSize", {
 	}
 });
 
-//# sourceMappingURL=Button-YQRflC47.cjs.map
+//# sourceMappingURL=Button-DLcMcuUL.cjs.map

package/dist/Button-DLcMcuUL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-DLcMcuUL.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',\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/{CodeEditor-CJ9jC9lu.cjs → CodeEditor-CLzs0yVc.cjs}

@@ -3,10 +3,10 @@ const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_formatting = require("./formatting-BcPMU2NY.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-YQRflC47.cjs");
+const require_Button = require("./Button-DLcMcuUL.cjs");
 const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
-const require_toast_api = require("./toast-api-Bv87KHu_.cjs");
-const require_copy_button = require("./copy-button-BYEFKNpo.cjs");
+const require_toast_api = require("./toast-api-qtkOucy2.cjs");
+const require_copy_button = require("./copy-button-DJAQ6_3o.cjs");
 const require_highlight = require("./highlight-D0VoR2qO.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -512,4 +512,4 @@ Object.defineProperty(exports, "variableHighlight", {
 	}
 });
 
-//# sourceMappingURL=CodeEditor-CJ9jC9lu.cjs.map
+//# sourceMappingURL=CodeEditor-CLzs0yVc.cjs.map