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

package/dist/Button-CLXTbAY8.js.map

@@ -1 +0,0 @@
-{"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-DLcMcuUL.cjs

@@ -1,276 +0,0 @@
-const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-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-[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", 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-DLcMcuUL.cjs.map

package/dist/Button-DLcMcuUL.cjs.map

@@ -1 +0,0 @@
-{"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/Card-C6iEBgVq.cjs

@@ -1,134 +0,0 @@
-const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_primitives_raised_surface = require("./primitives/raised-surface.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");
-// src/ds/components/Card/Card.tsx
-var cardVariants = require_dist.cva(require_utils.cn(require_primitives_raised_surface.raisedSurfaceStyle, "rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none"), {
-	variants: {
-		elevation: {
-			flat: "shadow-none",
-			raised: ""
-		},
-		interactive: {
-			true: require_utils.cn(require_primitives_raised_surface.surfaceStateLayerStyle, require_primitives_form_element.surfaceRimFocus, "cursor-pointer active:scale-99"),
-			false: ""
-		}
-	},
-	compoundVariants: [{
-		elevation: "flat",
-		interactive: true,
-		class: require_primitives_transitions.focusRingInset
-	}],
-	defaultVariants: {
-		elevation: "raised",
-		interactive: false
-	}
-});
-var Card = react.forwardRef(({ className, elevation, interactive, as, ...props }, ref) => {
-	const Component = as || (interactive ? "button" : "div");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-		ref,
-		type: Component === "button" ? "button" : void 0,
-		className: require_utils.cn(cardVariants({
-			elevation,
-			interactive
-		}), className),
-		...props
-	});
-});
-Card.displayName = "Card";
-function CardLink({ className, elevation, LinkComponent: Link = "a", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
-		className: require_utils.cn(cardVariants({
-			elevation,
-			interactive: true
-		}), className),
-		...props
-	});
-}
-var CardHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: require_utils.cn("flex flex-col space-y-1.5 px-3 py-1", className),
-	...props
-}));
-CardHeader.displayName = "CardHeader";
-var CardTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-	ref,
-	className: require_utils.cn("text-subheading text-foreground", className),
-	...props
-}));
-CardTitle.displayName = "CardTitle";
-var CardDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-	ref,
-	className: require_utils.cn("text-caption text-muted-foreground", className),
-	...props
-}));
-CardDescription.displayName = "CardDescription";
-var cardContentVariants = require_dist.cva("", {
-	variants: { density: {
-		default: "p-3",
-		compact: "p-2"
-	} },
-	defaultVariants: { density: "default" }
-});
-var CardContent = react.forwardRef(({ className, density, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: require_utils.cn(cardContentVariants({ density }), className),
-	...props
-}));
-CardContent.displayName = "CardContent";
-var CardFooter = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	className: require_utils.cn("flex items-center p-3 pt-0", className),
-	...props
-}));
-CardFooter.displayName = "CardFooter";
-Object.defineProperty(exports, "Card", {
-	enumerable: true,
-	get: function() {
-		return Card;
-	}
-});
-Object.defineProperty(exports, "CardContent", {
-	enumerable: true,
-	get: function() {
-		return CardContent;
-	}
-});
-Object.defineProperty(exports, "CardDescription", {
-	enumerable: true,
-	get: function() {
-		return CardDescription;
-	}
-});
-Object.defineProperty(exports, "CardFooter", {
-	enumerable: true,
-	get: function() {
-		return CardFooter;
-	}
-});
-Object.defineProperty(exports, "CardHeader", {
-	enumerable: true,
-	get: function() {
-		return CardHeader;
-	}
-});
-Object.defineProperty(exports, "CardLink", {
-	enumerable: true,
-	get: function() {
-		return CardLink;
-	}
-});
-Object.defineProperty(exports, "CardTitle", {
-	enumerable: true,
-	get: function() {
-		return CardTitle;
-	}
-});
-
-//# sourceMappingURL=Card-C6iEBgVq.cjs.map

package/dist/Card-C6iEBgVq.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card-C6iEBgVq.cjs","names":["cva","cn","raisedSurfaceStyle","surfaceStateLayerStyle","surfaceRimFocus","focusRingInset","React"],"sources":["../src/ds/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { surfaceRimFocus } from '@/ds/primitives/form-element';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nconst cardVariants = cva(\n  cn(raisedSurfaceStyle, 'rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none'),\n  {\n    variants: {\n      elevation: {\n        flat: 'shadow-none',\n        raised: '',\n      },\n      interactive: {\n        true: cn(surfaceStateLayerStyle, surfaceRimFocus, 'cursor-pointer active:scale-99'),\n        false: '',\n      },\n    },\n    compoundVariants: [{ elevation: 'flat', interactive: true, class: focusRingInset }],\n    defaultVariants: {\n      elevation: 'raised',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || (interactive ? 'button' : 'div');\n\n    return (\n      <Component\n        ref={ref}\n        type={Component === 'button' ? 'button' : undefined}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\nexport type CardLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> &\n  Omit<VariantProps<typeof cardVariants>, 'interactive'> & {\n    href: string;\n    LinkComponent?: LinkComponent;\n  };\n\nexport function CardLink({ className, elevation, LinkComponent: Link = 'a', ...props }: CardLinkProps) {\n  return <Link className={cn(cardVariants({ elevation, interactive: true }), className)} {...props} />;\n}\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 px-3 py-1', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3 ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn('text-caption text-muted-foreground', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nconst cardContentVariants = cva('', {\n  variants: {\n    density: {\n      default: 'p-3',\n      compact: 'p-2',\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardContentVariants>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, density, ...props }, ref) => (\n    <div ref={ref} className={cn(cardContentVariants({ density }), className)} {...props} />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-3 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"mappings":";;;;;;;;;;AASA,IAAM,eAAeA,aAAAA,IACnBC,cAAAA,GAAGC,kCAAAA,oBAAoB,yFAAyF,GAChH;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,MAAMD,cAAAA,GAAGE,kCAAAA,wBAAwBC,gCAAAA,iBAAiB,gCAAgC;GAClF,OAAO;EACT;CACF;CACA,kBAAkB,CAAC;EAAE,WAAW;EAAQ,aAAa;EAAM,OAAOC,+BAAAA;CAAe,CAAC;CAClF,iBAAiB;EACf,WAAW;EACX,aAAa;CACf;AACF,CACF;AAOA,IAAa,OAAOC,MAAM,YACvB,EAAE,WAAW,WAAW,aAAa,IAAI,GAAG,SAAS,QAAQ;CAC5D,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,WAAWL,cAAAA,GAAG,aAAa;GAAE;GAAW;EAAY,CAAC,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL,CACF;AACA,KAAK,cAAc;AAQnB,SAAgB,SAAS,EAAE,WAAW,WAAW,eAAe,OAAO,KAAK,GAAG,SAAwB;CACrG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,WAAWA,cAAAA,GAAG,aAAa;GAAE;GAAW,aAAa;EAAK,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrG;AAKA,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,uCAAuC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7F;AACD,WAAW,cAAc;AAKzB,IAAa,YAAYK,MAAM,YAAgD,EAAE,WAAW,GAAG,SAAS,QACtG,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;CAAS;CAAK,WAAWL,cAAAA,GAAG,mCAAmC,SAAS;CAAG,GAAI;AAAQ,CAAA,CACxF;AACD,UAAU,cAAc;AAKxB,IAAa,kBAAkBK,MAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;CAAQ;CAAK,WAAWL,cAAAA,GAAG,sCAAsC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE7F;AACA,gBAAgB,cAAc;AAG9B,IAAM,sBAAsBD,aAAAA,IAAI,IAAI;CAClC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAID,IAAa,cAAcM,MAAM,YAC9B,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE3F;AACA,YAAY,cAAc;AAK1B,IAAa,aAAaK,MAAM,YAA6C,EAAE,WAAW,GAAG,SAAS,QACpG,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAU;CAAK,WAAWL,cAAAA,GAAG,8BAA8B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACpF;AACD,WAAW,cAAc"}

package/dist/Card-LU1aWO7U.js

@@ -1,91 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as cva } from "./dist-BhWtUEhi.js";
-import { raisedSurfaceStyle, surfaceStateLayerStyle } from "./primitives/raised-surface.es.js";
-import { surfaceRimFocus } from "./primitives/form-element.es.js";
-import { focusRingInset } from "./primitives/transitions.es.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-// src/ds/components/Card/Card.tsx
-var cardVariants = cva(cn(raisedSurfaceStyle, "rounded-xl transition-all duration-normal ease-out-custom motion-reduce:transition-none"), {
-	variants: {
-		elevation: {
-			flat: "shadow-none",
-			raised: ""
-		},
-		interactive: {
-			true: cn(surfaceStateLayerStyle, surfaceRimFocus, "cursor-pointer active:scale-99"),
-			false: ""
-		}
-	},
-	compoundVariants: [{
-		elevation: "flat",
-		interactive: true,
-		class: focusRingInset
-	}],
-	defaultVariants: {
-		elevation: "raised",
-		interactive: false
-	}
-});
-var Card = React$1.forwardRef(({ className, elevation, interactive, as, ...props }, ref) => {
-	const Component = as || (interactive ? "button" : "div");
-	return /* @__PURE__ */ jsx(Component, {
-		ref,
-		type: Component === "button" ? "button" : void 0,
-		className: cn(cardVariants({
-			elevation,
-			interactive
-		}), className),
-		...props
-	});
-});
-Card.displayName = "Card";
-function CardLink({ className, elevation, LinkComponent: Link = "a", ...props }) {
-	return /* @__PURE__ */ jsx(Link, {
-		className: cn(cardVariants({
-			elevation,
-			interactive: true
-		}), className),
-		...props
-	});
-}
-var CardHeader = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
-	ref,
-	className: cn("flex flex-col space-y-1.5 px-3 py-1", className),
-	...props
-}));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", {
-	ref,
-	className: cn("text-subheading text-foreground", className),
-	...props
-}));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
-	ref,
-	className: cn("text-caption text-muted-foreground", className),
-	...props
-}));
-CardDescription.displayName = "CardDescription";
-var cardContentVariants = cva("", {
-	variants: { density: {
-		default: "p-3",
-		compact: "p-2"
-	} },
-	defaultVariants: { density: "default" }
-});
-var CardContent = React$1.forwardRef(({ className, density, ...props }, ref) => /* @__PURE__ */ jsx("div", {
-	ref,
-	className: cn(cardContentVariants({ density }), className),
-	...props
-}));
-CardContent.displayName = "CardContent";
-var CardFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
-	ref,
-	className: cn("flex items-center p-3 pt-0", className),
-	...props
-}));
-CardFooter.displayName = "CardFooter";
-export { CardHeader as a, CardFooter as i, CardContent as n, CardLink as o, CardDescription as r, CardTitle as s, Card as t };
-
-//# sourceMappingURL=Card-LU1aWO7U.js.map