npm - @mastra/playground-ui - Versions diffs - 64.0.1-alpha.0 → 65.0.0-alpha.10 - Mend

@mastra/playground-ui 64.0.1-alpha.0 → 65.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1371) hide show

package/dist/{Button-DH1aTzbs.cjs → Button-C4I05uT4.cjs} RENAMED Viewed

@@ -13,15 +13,15 @@ const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DlOJCxrS.cjs');
 const TEXT_MODE_ADORNMENTS = utils_cn.cn(
-  "gap-[.75em] rounded-full",
-  "[&>[data-slot=button-icon]]:-ml-[.3em]",
-  "[&>[data-slot=button-icon-end]]:-mr-1",
-  "[&>svg]:mx-[-.3em]"
+  "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)]"
 );
+const LABELLESS_SVG = "has-[>svg]:pr-[calc(var(--button-px)-2px)]";
 const LINK_LAYOUT = utils_cn.cn(
   "relative size-auto gap-1 rounded-xs px-0 text-label",
   "before:absolute before:-inset-x-2",
-  "[&>[data-slot=button-icon-end]]:mr-0 [&>[data-slot=button-icon]]:ml-0 [&>svg]:mx-0"
+  "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0"
 );
 const LINK_LABEL = utils_cn.cn(
   "relative inline-flex items-center gap-1",
@@ -77,6 +77,13 @@ const buttonVariants = index.cva(
           "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"
         ),
+        // A persistent neutral fill for selected controls. Match default's borderless
+        // box so switching between the raised and subtle surfaces keeps labels in place.
+        subtle: utils_cn.cn(
+          "border-0 bg-fill-hover text-foreground not-disabled:hover:bg-fill-hover not-disabled:active:bg-fill",
+          primitives_transitions.focusRing,
+          "disabled:bg-transparent aria-disabled:bg-transparent"
+        ),
         link: utils_cn.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",
@@ -85,9 +92,9 @@ const buttonVariants = index.cva(
         )
       },
       size: {
-        sm: utils_cn.cn(primitives_controlSize.controlSizeClasses.sm, icons_iconSizeClasses.iconSizeClasses.sm, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        md: utils_cn.cn(primitives_controlSize.controlSizeClasses.md, icons_iconSizeClasses.iconSizeClasses.md, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        lg: utils_cn.cn(primitives_controlSize.controlSizeClasses.lg, icons_iconSizeClasses.iconSizeClasses.lg, "px-[1em]", TEXT_MODE_ADORNMENTS),
+        sm: utils_cn.cn(primitives_controlSize.controlSizeClasses.sm, icons_iconSizeClasses.iconSizeClasses.sm, "gap-1 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
+        md: utils_cn.cn(primitives_controlSize.controlSizeClasses.md, icons_iconSizeClasses.iconSizeClasses.md, "gap-1.5 [--button-px:.9em]", TEXT_MODE_ADORNMENTS),
+        lg: utils_cn.cn(primitives_controlSize.controlSizeClasses.lg, icons_iconSizeClasses.iconSizeClasses.lg, "gap-1.5 [--button-px:1em]", TEXT_MODE_ADORNMENTS),
         // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant
         // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`
         // wrapper the component puts around an icon-mode child, keyed off the same scale.
@@ -200,7 +207,7 @@ const Button = React.forwardRef(
       // Icon-mode is a square: a group that overrides the rung has to move the width with
       // the height or the circle turns into a pill (see buttons-group.css).
       "data-shape": iconMode ? "icon" : void 0,
-      className: utils_cn.cn(buttonVariants({ variant, size: resolvedSize }), className),
+      className: utils_cn.cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && LABELLESS_SVG, className),
       ...props
     };
     const LegacyComponent = render ? void 0 : asProp;
@@ -252,4 +259,4 @@ Button.displayName = "Button";
 exports.Button = Button;
 exports.buttonVariants = buttonVariants;
 exports.isIconButtonSize = isIconButtonSize;
-//# sourceMappingURL=Button-DH1aTzbs.cjs.map
+//# sourceMappingURL=Button-C4I05uT4.cjs.map

package/dist/Button-C4I05uT4.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button-C4I05uT4.cjs","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 React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/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 { controlHeight, controlSizeClasses } 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 sets `--button-px`, the label's side padding. 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. A label-less one (e.g. CopyButton) also gets\n// the right side from `LABELLESS_SVG`.\n// Icon-mode sizes skip this: they are fixed squares with their own `rounded-full`.\nconst TEXT_MODE_ADORNMENTS = cn(\n 'rounded-full px-(--button-px)',\n 'has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]',\n 'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]',\n);\n\nconst LABELLESS_SVG = 'has-[>svg]:pr-[calc(var(--button-px)-2px)]';\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// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\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 NEUTRAL_ICON_STATE,\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.\n primary: cn(\n 'border border-transparent bg-fill-inverse text-background 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 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 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 not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\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(controlSizeClasses.sm, iconSizeClasses.sm, 'gap-1 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, iconSizeClasses.md, 'gap-1.5 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'gap-1.5 [--button-px:1em]', TEXT_MODE_ADORNMENTS),\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\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\nfunction 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// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const result: React.ReactNode[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n result.push(...flattenChildren(child.props.children));\n } else {\n result.push(child);\n }\n });\n return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\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 isLabelless = !iconMode && isIconOnly(children);\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 = ariaLabelProp ?? ((iconMode || isLabelless) && 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 }), isLabelless && LABELLESS_SVG, 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"],"names":["cn","iconSizeClasses","cva","controlStateColorTransition","sharedFormElementDisabledStyle","controlFocusBorderVisible","raisedControlSurfaceStyle","focusRingOffset","focusRing","controlSizeClasses","controlHeight","jsx","Icon","tooltip","jsxs","Fragment","button","BaseButton","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/{Button-EGoajBQY.js → Button-D8a5EWJ5.js} RENAMED Viewed

@@ -7,19 +7,19 @@ import { Icon } from './icons/Icon.es.js';
 import { iconSizeClasses } from './icons/icon-size-classes.es.js';
 import { controlHeight, controlSizeClasses } from './primitives/control-size.es.js';
 import { raisedControlSurfaceStyle, controlFocusBorderVisible, sharedFormElementDisabledStyle } from './primitives/form-element.es.js';
-import { focusRingOffset, controlStateColorTransition } from './primitives/transitions.es.js';
+import { focusRingOffset, focusRing, controlStateColorTransition } from './primitives/transitions.es.js';
 import { c as cn } from './cn-CQUhN5Jx.js';
 const TEXT_MODE_ADORNMENTS = cn(
-  "gap-[.75em] rounded-full",
-  "[&>[data-slot=button-icon]]:-ml-[.3em]",
-  "[&>[data-slot=button-icon-end]]:-mr-1",
-  "[&>svg]:mx-[-.3em]"
+  "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)]"
 );
+const LABELLESS_SVG = "has-[>svg]:pr-[calc(var(--button-px)-2px)]";
 const LINK_LAYOUT = cn(
   "relative size-auto gap-1 rounded-xs px-0 text-label",
   "before:absolute before:-inset-x-2",
-  "[&>[data-slot=button-icon-end]]:mr-0 [&>[data-slot=button-icon]]:ml-0 [&>svg]:mx-0"
+  "has-[>[data-slot=button-icon-end]]:pr-0 has-[>[data-slot=button-icon]]:pl-0 has-[>svg]:pl-0"
 );
 const LINK_LABEL = cn(
   "relative inline-flex items-center gap-1",
@@ -75,6 +75,13 @@ const buttonVariants = cva(
           "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"
         ),
+        // A persistent neutral fill for selected controls. Match default's borderless
+        // box so switching between the raised and subtle surfaces keeps labels in place.
+        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",
@@ -83,9 +90,9 @@ const buttonVariants = cva(
         )
       },
       size: {
-        sm: cn(controlSizeClasses.sm, iconSizeClasses.sm, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        md: cn(controlSizeClasses.md, iconSizeClasses.md, "px-[.9em]", TEXT_MODE_ADORNMENTS),
-        lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, "px-[1em]", TEXT_MODE_ADORNMENTS),
+        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),
         // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant
         // so icon-mode and text-mode use the same press feedback. The glyph is sized by the `Icon`
         // wrapper the component puts around an icon-mode child, keyed off the same scale.
@@ -198,7 +205,7 @@ const Button = React__default.forwardRef(
       // Icon-mode is a square: a group that overrides the rung has to move the width with
       // the height or the circle turns into a pill (see buttons-group.css).
       "data-shape": iconMode ? "icon" : void 0,
-      className: cn(buttonVariants({ variant, size: resolvedSize }), className),
+      className: cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && LABELLESS_SVG, className),
       ...props
     };
     const LegacyComponent = render ? void 0 : asProp;
@@ -248,4 +255,4 @@ const Button = React__default.forwardRef(
 Button.displayName = "Button";
 export { Button as B, buttonVariants as b, isIconButtonSize as i };
-//# sourceMappingURL=Button-EGoajBQY.js.map
+//# sourceMappingURL=Button-D8a5EWJ5.js.map

package/dist/Button-D8a5EWJ5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button-D8a5EWJ5.js","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 React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/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 { controlHeight, controlSizeClasses } 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 sets `--button-px`, the label's side padding. 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. A label-less one (e.g. CopyButton) also gets\n// the right side from `LABELLESS_SVG`.\n// Icon-mode sizes skip this: they are fixed squares with their own `rounded-full`.\nconst TEXT_MODE_ADORNMENTS = cn(\n 'rounded-full px-(--button-px)',\n 'has-[>[data-slot=button-icon]]:pl-[calc(var(--button-px)-2px)] has-[>svg]:pl-[calc(var(--button-px)-2px)]',\n 'has-[>[data-slot=button-icon-end]]:pr-[calc(var(--button-px)-2px)]',\n);\n\nconst LABELLESS_SVG = 'has-[>svg]:pr-[calc(var(--button-px)-2px)]';\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// An icon is secondary to the label beside it, and on a neutral surface it says so with\n// a colour token rather than opacity. Opacity dims against whatever sits behind the\n// control, so the same glyph clears contrast on one surface and fails on another, and it\n// left icon-only buttons with no hover response at all: only their background moved.\n// Filled variants opt out because there the glyph colour carries the meaning.\nconst NEUTRAL_ICON_STATE = cn(\n '[&_svg]:text-muted-foreground not-disabled:hover:[&_svg]:text-foreground aria-disabled:[&_svg]:text-muted-foreground',\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 NEUTRAL_ICON_STATE,\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.\n primary: cn(\n 'border border-transparent bg-fill-inverse text-background 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 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 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 not-disabled:hover:bg-fill-subtle not-disabled:hover:text-foreground not-disabled:active:bg-fill',\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(controlSizeClasses.sm, iconSizeClasses.sm, 'gap-1 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, iconSizeClasses.md, 'gap-1.5 [--button-px:.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.lg, iconSizeClasses.lg, 'gap-1.5 [--button-px:1em]', TEXT_MODE_ADORNMENTS),\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\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\nfunction 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// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const result: React.ReactNode[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n result.push(...flattenChildren(child.props.children));\n } else {\n result.push(child);\n }\n });\n return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\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 isLabelless = !iconMode && isIconOnly(children);\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 = ariaLabelProp ?? ((iconMode || isLabelless) && 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 }), isLabelless && LABELLESS_SVG, 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"],"names":["React","BaseButton"],"mappings":"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"}

package/dist/{ErrorBoundary-DQPzT6am.js → ErrorBoundary-C6JifxpQ.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AlertTriangle, RotateCcw, RefreshCw, Bug } from 'lucide-react';
 import * as React from 'react';
-import { B as Button } from './Button-EGoajBQY.js';
+import { B as Button } from './Button-D8a5EWJ5.js';
 import { quietTextHover } from './primitives/typography.es.js';
 import { c as cn } from './cn-CQUhN5Jx.js';
@@ -159,4 +159,4 @@ function DefaultErrorFallback({
 }
 export { ErrorBoundary as E };
-//# sourceMappingURL=ErrorBoundary-DQPzT6am.js.map
+//# sourceMappingURL=ErrorBoundary-C6JifxpQ.js.map

package/dist/{ErrorBoundary-DQPzT6am.js.map → ErrorBoundary-C6JifxpQ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorBoundary-DQPzT6am.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' \| 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo \| null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. /\n fallback?: React.ReactNode \| ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /* Called when an error is caught. Useful for reporting to an error tracker. /\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /\n When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n /\n resetKeys?: ReadonlyArray<unknown>;\n /* Heading shown in the default fallback. /\n title?: string;\n /* Description shown in the default fallback. /\n description?: string;\n /\n Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n /\n variant?: ErrorBoundaryVariant;\n /* Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error \| null;\n errorInfo: React.ErrorInfo \| null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> \| undefined, next: ReadonlyArray<unknown> \| undefined): boolean {\n if (prev === next) return false;\n if (!prev \|\| !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'flex items-center justify-center rounded-full bg-destructive-subtle text-destructive-subtle-foreground',\n isInline\n ? 'size-10 [&>svg]:size-5'\n : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'text-foreground',\n isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n isInline ? 'text-meta' : 'text-caption',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button\n icon={<RefreshCw />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n onClick={() => window.location.reload()}\n >\n Reload page\n </Button>\n <Button\n icon={<Bug />}\n render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ErrorBoundary-C6JifxpQ.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' \| 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo \| null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. /\n fallback?: React.ReactNode \| ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /* Called when an error is caught. Useful for reporting to an error tracker. /\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /\n When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n /\n resetKeys?: ReadonlyArray<unknown>;\n /* Heading shown in the default fallback. /\n title?: string;\n /* Description shown in the default fallback. /\n description?: string;\n /\n Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n /\n variant?: ErrorBoundaryVariant;\n /* Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error \| null;\n errorInfo: React.ErrorInfo \| null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> \| undefined, next: ReadonlyArray<unknown> \| undefined): boolean {\n if (prev === next) return false;\n if (!prev \|\| !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'flex items-center justify-center rounded-full bg-destructive-subtle text-destructive-subtle-foreground',\n isInline\n ? 'size-10 [&>svg]:size-5'\n : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'text-foreground',\n isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n isInline ? 'text-meta' : 'text-caption',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button\n icon={<RefreshCw />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n onClick={() => window.location.reload()}\n >\n Reload page\n </Button>\n <Button\n icon={<Bug />}\n render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/{ErrorBoundary-CpUob9SO.cjs → ErrorBoundary-DP1JqmTo.cjs} RENAMED Viewed

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('./Button-DH1aTzbs.cjs');
+const Button = require('./Button-C4I05uT4.cjs');
 const primitives_typography = require('./primitives/typography.cjs.js');
 const utils_cn = require('./cn-DlOJCxrS.cjs');
@@ -180,4 +180,4 @@ function DefaultErrorFallback({
 }
 exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary-CpUob9SO.cjs.map
+//# sourceMappingURL=ErrorBoundary-DP1JqmTo.cjs.map

package/dist/{ErrorBoundary-CpUob9SO.cjs.map → ErrorBoundary-DP1JqmTo.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorBoundary-CpUob9SO.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' \| 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo \| null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. /\n fallback?: React.ReactNode \| ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /* Called when an error is caught. Useful for reporting to an error tracker. /\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /\n When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n /\n resetKeys?: ReadonlyArray<unknown>;\n /* Heading shown in the default fallback. /\n title?: string;\n /* Description shown in the default fallback. /\n description?: string;\n /\n Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n /\n variant?: ErrorBoundaryVariant;\n /* Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error \| null;\n errorInfo: React.ErrorInfo \| null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> \| undefined, next: ReadonlyArray<unknown> \| undefined): boolean {\n if (prev === next) return false;\n if (!prev \|\| !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'flex items-center justify-center rounded-full bg-destructive-subtle text-destructive-subtle-foreground',\n isInline\n ? 'size-10 [&>svg]:size-5'\n : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'text-foreground',\n isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n isInline ? 'text-meta' : 'text-caption',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button\n icon={<RefreshCw />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n onClick={() => window.location.reload()}\n >\n Reload page\n </Button>\n <Button\n icon={<Bug />}\n render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button","RotateCcw","RefreshCw","Bug","quietTextHover"],"mappings":"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"}
1	+ {"version":3,"file":"ErrorBoundary-DP1JqmTo.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle, Bug, RefreshCw, RotateCcw } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' \| 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo \| null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. /\n fallback?: React.ReactNode \| ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /* Called when an error is caught. Useful for reporting to an error tracker. /\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /\n When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n /\n resetKeys?: ReadonlyArray<unknown>;\n /* Heading shown in the default fallback. /\n title?: string;\n /* Description shown in the default fallback. /\n description?: string;\n /\n Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n /\n variant?: ErrorBoundaryVariant;\n /* Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error \| null;\n errorInfo: React.ErrorInfo \| null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> \| undefined, next: ReadonlyArray<unknown> \| undefined): boolean {\n if (prev === next) return false;\n if (!prev \|\| !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'px-4 py-6' : 'h-full min-h-60 flex-1 px-6 py-10',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'max-w-md gap-3' : 'max-w-2xl gap-4 @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'flex items-center justify-center rounded-full bg-destructive-subtle text-destructive-subtle-foreground',\n isInline\n ? 'size-10 [&>svg]:size-5'\n : 'size-14 @md:size-16 @lg:size-20 [&>svg]:size-7 @md:[&>svg]:size-8 @lg:[&>svg]:size-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'text-foreground',\n isInline ? 'text-subheading' : 'text-subheading @md:text-heading @lg:text-title',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-muted-foreground', isInline ? 'text-caption' : 'text-body')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'rounded-md bg-card px-3 py-2 font-mono break-words text-muted-foreground',\n isInline ? 'text-meta' : 'text-caption',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button icon={<RotateCcw />} variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button\n icon={<RefreshCw />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n onClick={() => window.location.reload()}\n >\n Reload page\n </Button>\n <Button\n icon={<Bug />}\n render={<a href=\"https://github.com/mastra-ai/mastra/issues\" target=\"_blank\" rel=\"noopener noreferrer\" />}\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className={cn('cursor-pointer text-caption', quietTextHover)}>Show error details</summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-card p-3 text-meta break-words whitespace-pre-wrap text-muted-foreground\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button","RotateCcw","RefreshCw","Bug","quietTextHover"],"mappings":"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"}

package/dist/Notice-BioYTS4b.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notice-BioYTS4b.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { isValidElement, type ReactNode } from 'react';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface NoticeButtonProps extends useRender.ComponentProps<'button'> {\n icon?: ReactNode;\n}\n\nfunction nativeButtonProps(render: NoticeButtonProps['render']) {\n if (!render \|\| (isValidElement(render) && render.type === 'button')) return { type: 'button' as const };\n return {};\n}\n\nexport function NoticeButton({ render, icon, className, children, ...props }: NoticeButtonProps) {\n return useRender({\n defaultTagName: 'button',\n render,\n props: mergeProps<'button'>(\n nativeButtonProps(render),\n {\n className: cn(\n 'inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground',\n 'underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground',\n transitions.colors,\n 'outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus',\n 'disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0',\n className,\n ),\n children: (\n <>\n {icon}\n {children}\n </>\n ),\n },\n props,\n ),\n });\n}\n","export interface NoticeMessageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n return <div className={className}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport { Children, type ReactNode } from 'react';\nimport './notice.css';\nimport { GrainFill } from '@/ds/components/GrainFill/grain-fill';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' \| 'destructive' \| 'success' \| 'info' \| 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: ReactNode; iconClass: string }> = {\n success: { icon: <LightbulbIcon />, iconClass: 'text-success-indicator' },\n destructive: { icon: <OctagonAlertIcon />, iconClass: 'text-destructive-indicator' },\n warning: { icon: <TriangleAlertIcon />, iconClass: 'text-warning-foreground' },\n info: { icon: <InfoIcon />, iconClass: 'text-info-indicator' },\n note: { icon: <FileTextIcon />, iconClass: 'text-muted-foreground' },\n};\n\nconst titledMessage = { variant: 'caption', tone: 'muted' } as const;\nconst plainMessage = { variant: 'body-sm', tone: 'ink' } as const;\n\nfunction hasContent(content: ReactNode) {\n return Children.toArray(content).some(child => child !== '');\n}\n\nfunction lastRowOf(hasAction: boolean, hasMessage: boolean) {\n if (hasAction) return 'action';\n if (hasMessage) return 'message';\n return 'title';\n}\n\nexport interface NoticeRootProps {\n variant: NoticeVariant;\n title?: ReactNode;\n icon?: ReactNode;\n action?: ReactNode;\n children?: ReactNode;\n className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n const { icon: defaultIcon, iconClass } = variantConfig[variant];\n const glyph = (\n <span className={cn('flex h-lh shrink-0 items-center [&>svg]:size-icon-sm', iconClass)}>{icon ?? defaultIcon}</span>\n );\n\n const hasTitle = hasContent(title);\n const hasMessage = hasContent(children);\n const hasAction = hasContent(action);\n const lastRow = lastRowOf(hasAction, hasMessage);\n const messageText = hasTitle ? titledMessage : plainMessage;\n\n return (\n <div\n data-slot=\"notice\"\n className={cn(\n 'relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3',\n className,\n )}\n >\n <div data-slot=\"notice-background\" aria-hidden className=\"absolute inset-0 -z-10 bg-card\">\n {variant !== 'note' && (\n <GrainFill tone={variant} width={464} height={200} className=\"absolute inset-0 max-w-116 mask-r-from-34%\" />\n )}\n </div>\n {hasTitle && (\n <div className={cn(textStyle({ variant: 'subheading', tone: 'ink' }), 'flex min-w-0 items-start gap-2')}>\n <span className=\"min-w-0 flex-1 truncate\">{title}</span>\n {lastRow === 'title' && glyph}\n </div>\n )}\n {hasMessage && (\n <div className={cn(textStyle(messageText), 'flex min-w-0 items-end gap-2')}>\n {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere\">{children}</div>\n {lastRow === 'message' && glyph}\n </div>\n )}\n {hasAction && (\n <div className={cn(textStyle({ variant: 'label' }), 'flex min-w-0 items-center justify-between gap-2')}>\n <div className=\"flex min-w-0\">{action}</div>\n {glyph}\n </div>\n )}\n </div>\n );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n Message: NoticeMessage,\n Button: NoticeButton,\n});\n"],"names":[],"mappings":";;;;;;;;;;~~AAUA~~,SAAS,kBAAkB,MAAA,EAAqC;AAC9D,EAAA,IAAI,CAAC,MAAA,IAAW,cAAA,CAAe,MAAM,CAAA,IAAK,MAAA,CAAO,IAAA,KAAS,QAAA,EAAW,OAAO,EAAE,IAAA,EAAM,QAAA,EAAkB;AACtG,EAAA,OAAO,EAAC;AACV;AAEO,SAAS,YAAA,CAAa,EAAE,MAAA,EAAQ,IAAA,EAAM,WAAW,QAAA,EAAU,GAAG,OAAM,EAAsB;AAC/F,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,cAAA,EAAgB,QAAA;AAAA,IAChB,MAAA;AAAA,IACA,KAAA,EAAO,UAAA;AAAA,MACL,kBAAkB,MAAM,CAAA;AAAA,MACxB;AAAA,QACE,SAAA,EAAW,EAAA;AAAA,UACT,+FAAA;AAAA,UACA,mFAAA;AAAA,UACA,WAAA,CAAY,MAAA;AAAA,UACZ,6EAAA;AAAA,UACA,kGAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,0BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA,OAEJ;AAAA,MACA;AAAA;AACF,GACD,CAAA;AACH;;~~ACnCO~~,SAAS,aAAA,CAAc,EAAE,QAAA,EAAU,SAAA,EAAU,EAAuB;AACzE,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAuB,QAAA,EAAS,CAAA;AAC9C;;~~ACEA~~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~~AC9EO~~,MAAM,MAAA,GAAS,MAAA,CAAO,MAAA,CAAO,UAAA,EAAY;AAAA,EAC9C,OAAA,EAAS,aAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAC;;;;"}
1	+ {"version":3,"file":"Notice-BioYTS4b.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { isValidElement } from 'react';\nimport type { ReactNode } from 'react';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface NoticeButtonProps extends useRender.ComponentProps<'button'> {\n icon?: ReactNode;\n}\n\nfunction nativeButtonProps(render: NoticeButtonProps['render']) {\n if (!render \|\| (isValidElement(render) && render.type === 'button')) return { type: 'button' as const };\n return {};\n}\n\nexport function NoticeButton({ render, icon, className, children, ...props }: NoticeButtonProps) {\n return useRender({\n defaultTagName: 'button',\n render,\n props: mergeProps<'button'>(\n nativeButtonProps(render),\n {\n className: cn(\n 'inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground',\n 'underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground',\n transitions.colors,\n 'outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus',\n 'disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0',\n className,\n ),\n children: (\n <>\n {icon}\n {children}\n </>\n ),\n },\n props,\n ),\n });\n}\n","export interface NoticeMessageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n return <div className={className}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport { Children } from 'react';\nimport type { ReactNode } from 'react';\nimport './notice.css';\nimport { GrainFill } from '@/ds/components/GrainFill/grain-fill';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' \| 'destructive' \| 'success' \| 'info' \| 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: ReactNode; iconClass: string }> = {\n success: { icon: <LightbulbIcon />, iconClass: 'text-success-indicator' },\n destructive: { icon: <OctagonAlertIcon />, iconClass: 'text-destructive-indicator' },\n warning: { icon: <TriangleAlertIcon />, iconClass: 'text-warning-foreground' },\n info: { icon: <InfoIcon />, iconClass: 'text-info-indicator' },\n note: { icon: <FileTextIcon />, iconClass: 'text-muted-foreground' },\n};\n\nconst titledMessage = { variant: 'caption', tone: 'muted' } as const;\nconst plainMessage = { variant: 'body-sm', tone: 'ink' } as const;\n\nfunction hasContent(content: ReactNode) {\n return Children.toArray(content).some(child => child !== '');\n}\n\nfunction lastRowOf(hasAction: boolean, hasMessage: boolean) {\n if (hasAction) return 'action';\n if (hasMessage) return 'message';\n return 'title';\n}\n\nexport interface NoticeRootProps {\n variant: NoticeVariant;\n title?: ReactNode;\n icon?: ReactNode;\n action?: ReactNode;\n children?: ReactNode;\n className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n const { icon: defaultIcon, iconClass } = variantConfig[variant];\n const glyph = (\n <span className={cn('flex h-lh shrink-0 items-center [&>svg]:size-icon-sm', iconClass)}>{icon ?? defaultIcon}</span>\n );\n\n const hasTitle = hasContent(title);\n const hasMessage = hasContent(children);\n const hasAction = hasContent(action);\n const lastRow = lastRowOf(hasAction, hasMessage);\n const messageText = hasTitle ? titledMessage : plainMessage;\n\n return (\n <div\n data-slot=\"notice\"\n className={cn(\n 'relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3',\n className,\n )}\n >\n <div data-slot=\"notice-background\" aria-hidden className=\"absolute inset-0 -z-10 bg-card\">\n {variant !== 'note' && (\n <GrainFill tone={variant} width={464} height={200} className=\"absolute inset-0 max-w-116 mask-r-from-34%\" />\n )}\n </div>\n {hasTitle && (\n <div className={cn(textStyle({ variant: 'subheading', tone: 'ink' }), 'flex min-w-0 items-start gap-2')}>\n <span className=\"min-w-0 flex-1 truncate\">{title}</span>\n {lastRow === 'title' && glyph}\n </div>\n )}\n {hasMessage && (\n <div className={cn(textStyle(messageText), 'flex min-w-0 items-end gap-2')}>\n {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere\">{children}</div>\n {lastRow === 'message' && glyph}\n </div>\n )}\n {hasAction && (\n <div className={cn(textStyle({ variant: 'label' }), 'flex min-w-0 items-center justify-between gap-2')}>\n <div className=\"flex min-w-0\">{action}</div>\n {glyph}\n </div>\n )}\n </div>\n );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n Message: NoticeMessage,\n Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}

package/dist/Notice-DYgIy4FO.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notice-DYgIy4FO.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { isValidElement, type ReactNode } from 'react';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface NoticeButtonProps extends useRender.ComponentProps<'button'> {\n icon?: ReactNode;\n}\n\nfunction nativeButtonProps(render: NoticeButtonProps['render']) {\n if (!render \|\| (isValidElement(render) && render.type === 'button')) return { type: 'button' as const };\n return {};\n}\n\nexport function NoticeButton({ render, icon, className, children, ...props }: NoticeButtonProps) {\n return useRender({\n defaultTagName: 'button',\n render,\n props: mergeProps<'button'>(\n nativeButtonProps(render),\n {\n className: cn(\n 'inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground',\n 'underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground',\n transitions.colors,\n 'outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus',\n 'disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0',\n className,\n ),\n children: (\n <>\n {icon}\n {children}\n </>\n ),\n },\n props,\n ),\n });\n}\n","export interface NoticeMessageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n return <div className={className}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport { Children, type ReactNode } from 'react';\nimport './notice.css';\nimport { GrainFill } from '@/ds/components/GrainFill/grain-fill';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' \| 'destructive' \| 'success' \| 'info' \| 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: ReactNode; iconClass: string }> = {\n success: { icon: <LightbulbIcon />, iconClass: 'text-success-indicator' },\n destructive: { icon: <OctagonAlertIcon />, iconClass: 'text-destructive-indicator' },\n warning: { icon: <TriangleAlertIcon />, iconClass: 'text-warning-foreground' },\n info: { icon: <InfoIcon />, iconClass: 'text-info-indicator' },\n note: { icon: <FileTextIcon />, iconClass: 'text-muted-foreground' },\n};\n\nconst titledMessage = { variant: 'caption', tone: 'muted' } as const;\nconst plainMessage = { variant: 'body-sm', tone: 'ink' } as const;\n\nfunction hasContent(content: ReactNode) {\n return Children.toArray(content).some(child => child !== '');\n}\n\nfunction lastRowOf(hasAction: boolean, hasMessage: boolean) {\n if (hasAction) return 'action';\n if (hasMessage) return 'message';\n return 'title';\n}\n\nexport interface NoticeRootProps {\n variant: NoticeVariant;\n title?: ReactNode;\n icon?: ReactNode;\n action?: ReactNode;\n children?: ReactNode;\n className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n const { icon: defaultIcon, iconClass } = variantConfig[variant];\n const glyph = (\n <span className={cn('flex h-lh shrink-0 items-center [&>svg]:size-icon-sm', iconClass)}>{icon ?? defaultIcon}</span>\n );\n\n const hasTitle = hasContent(title);\n const hasMessage = hasContent(children);\n const hasAction = hasContent(action);\n const lastRow = lastRowOf(hasAction, hasMessage);\n const messageText = hasTitle ? titledMessage : plainMessage;\n\n return (\n <div\n data-slot=\"notice\"\n className={cn(\n 'relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3',\n className,\n )}\n >\n <div data-slot=\"notice-background\" aria-hidden className=\"absolute inset-0 -z-10 bg-card\">\n {variant !== 'note' && (\n <GrainFill tone={variant} width={464} height={200} className=\"absolute inset-0 max-w-116 mask-r-from-34%\" />\n )}\n </div>\n {hasTitle && (\n <div className={cn(textStyle({ variant: 'subheading', tone: 'ink' }), 'flex min-w-0 items-start gap-2')}>\n <span className=\"min-w-0 flex-1 truncate\">{title}</span>\n {lastRow === 'title' && glyph}\n </div>\n )}\n {hasMessage && (\n <div className={cn(textStyle(messageText), 'flex min-w-0 items-end gap-2')}>\n {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere\">{children}</div>\n {lastRow === 'message' && glyph}\n </div>\n )}\n {hasAction && (\n <div className={cn(textStyle({ variant: 'label' }), 'flex min-w-0 items-center justify-between gap-2')}>\n <div className=\"flex min-w-0\">{action}</div>\n {glyph}\n </div>\n )}\n </div>\n );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n Message: NoticeMessage,\n Button: NoticeButton,\n});\n"],"names":["isValidElement","useRender","mergeProps","cn","transitions","jsxs","Fragment","jsx","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","Children","GrainFill","textStyle"],"mappings":";;;;;;;;;;;;~~AAUA~~,SAAS,kBAAkB,MAAA,EAAqC;AAC9D,EAAA,IAAI,CAAC,MAAA,IAAWA,oBAAA,CAAe,MAAM,CAAA,IAAK,MAAA,CAAO,IAAA,KAAS,QAAA,EAAW,OAAO,EAAE,IAAA,EAAM,QAAA,EAAkB;AACtG,EAAA,OAAO,EAAC;AACV;AAEO,SAAS,YAAA,CAAa,EAAE,MAAA,EAAQ,IAAA,EAAM,WAAW,QAAA,EAAU,GAAG,OAAM,EAAsB;AAC/F,EAAA,OAAOC,mBAAA,CAAU;AAAA,IACf,cAAA,EAAgB,QAAA;AAAA,IAChB,MAAA;AAAA,IACA,KAAA,EAAOC,qBAAA;AAAA,MACL,kBAAkB,MAAM,CAAA;AAAA,MACxB;AAAA,QACE,SAAA,EAAWC,WAAA;AAAA,UACT,+FAAA;AAAA,UACA,mFAAA;AAAA,UACAC,kCAAA,CAAY,MAAA;AAAA,UACZ,6EAAA;AAAA,UACA,kGAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,0BACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA,OAEJ;AAAA,MACA;AAAA;AACF,GACD,CAAA;AACH;;~~ACnCO~~,SAAS,aAAA,CAAc,EAAE,QAAA,EAAU,SAAA,EAAU,EAAuB;AACzE,EAAA,uBAAOC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAuB,QAAA,EAAS,CAAA;AAC9C;;~~ACEA~~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~~AC9EO~~,MAAM,MAAA,GAAS,MAAA,CAAO,MAAA,CAAO,UAAA,EAAY;AAAA,EAC9C,OAAA,EAAS,aAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAC;;;;"}
1	+ {"version":3,"file":"Notice-DYgIy4FO.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { isValidElement } from 'react';\nimport type { ReactNode } from 'react';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface NoticeButtonProps extends useRender.ComponentProps<'button'> {\n icon?: ReactNode;\n}\n\nfunction nativeButtonProps(render: NoticeButtonProps['render']) {\n if (!render \|\| (isValidElement(render) && render.type === 'button')) return { type: 'button' as const };\n return {};\n}\n\nexport function NoticeButton({ render, icon, className, children, ...props }: NoticeButtonProps) {\n return useRender({\n defaultTagName: 'button',\n render,\n props: mergeProps<'button'>(\n nativeButtonProps(render),\n {\n className: cn(\n 'inline-flex min-w-0 cursor-pointer items-center gap-1.5 rounded-xs text-label text-foreground',\n 'underline decoration-foreground/40 underline-offset-4 hover:decoration-foreground',\n transitions.colors,\n 'outline-offset-2 focus-visible:outline-2 focus-visible:outline-border-focus',\n 'disabled:cursor-not-allowed disabled:text-muted-foreground [&>svg]:size-icon-sm [&>svg]:shrink-0',\n className,\n ),\n children: (\n <>\n {icon}\n {children}\n </>\n ),\n },\n props,\n ),\n });\n}\n","export interface NoticeMessageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n return <div className={className}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport { Children } from 'react';\nimport type { ReactNode } from 'react';\nimport './notice.css';\nimport { GrainFill } from '@/ds/components/GrainFill/grain-fill';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' \| 'destructive' \| 'success' \| 'info' \| 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: ReactNode; iconClass: string }> = {\n success: { icon: <LightbulbIcon />, iconClass: 'text-success-indicator' },\n destructive: { icon: <OctagonAlertIcon />, iconClass: 'text-destructive-indicator' },\n warning: { icon: <TriangleAlertIcon />, iconClass: 'text-warning-foreground' },\n info: { icon: <InfoIcon />, iconClass: 'text-info-indicator' },\n note: { icon: <FileTextIcon />, iconClass: 'text-muted-foreground' },\n};\n\nconst titledMessage = { variant: 'caption', tone: 'muted' } as const;\nconst plainMessage = { variant: 'body-sm', tone: 'ink' } as const;\n\nfunction hasContent(content: ReactNode) {\n return Children.toArray(content).some(child => child !== '');\n}\n\nfunction lastRowOf(hasAction: boolean, hasMessage: boolean) {\n if (hasAction) return 'action';\n if (hasMessage) return 'message';\n return 'title';\n}\n\nexport interface NoticeRootProps {\n variant: NoticeVariant;\n title?: ReactNode;\n icon?: ReactNode;\n action?: ReactNode;\n children?: ReactNode;\n className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n const { icon: defaultIcon, iconClass } = variantConfig[variant];\n const glyph = (\n <span className={cn('flex h-lh shrink-0 items-center [&>svg]:size-icon-sm', iconClass)}>{icon ?? defaultIcon}</span>\n );\n\n const hasTitle = hasContent(title);\n const hasMessage = hasContent(children);\n const hasAction = hasContent(action);\n const lastRow = lastRowOf(hasAction, hasMessage);\n const messageText = hasTitle ? titledMessage : plainMessage;\n\n return (\n <div\n data-slot=\"notice\"\n className={cn(\n 'relative isolate flex flex-col gap-2 overflow-hidden rounded-2xl border border-surface-rim p-3',\n className,\n )}\n >\n <div data-slot=\"notice-background\" aria-hidden className=\"absolute inset-0 -z-10 bg-card\">\n {variant !== 'note' && (\n <GrainFill tone={variant} width={464} height={200} className=\"absolute inset-0 max-w-116 mask-r-from-34%\" />\n )}\n </div>\n {hasTitle && (\n <div className={cn(textStyle({ variant: 'subheading', tone: 'ink' }), 'flex min-w-0 items-start gap-2')}>\n <span className=\"min-w-0 flex-1 truncate\">{title}</span>\n {lastRow === 'title' && glyph}\n </div>\n )}\n {hasMessage && (\n <div className={cn(textStyle(messageText), 'flex min-w-0 items-end gap-2')}>\n {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2 wrap-anywhere\">{children}</div>\n {lastRow === 'message' && glyph}\n </div>\n )}\n {hasAction && (\n <div className={cn(textStyle({ variant: 'label' }), 'flex min-w-0 items-center justify-between gap-2')}>\n <div className=\"flex min-w-0\">{action}</div>\n {glyph}\n </div>\n )}\n </div>\n );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n Message: NoticeMessage,\n Button: NoticeButton,\n});\n"],"names":["isValidElement","useRender","mergeProps","cn","transitions","jsxs","Fragment","jsx","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","Children","GrainFill","textStyle"],"mappings":"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"}

package/dist/{activity-CsTUr5_l.js → activity-B7c_nQMn.js} RENAMED Viewed

@@ -111,7 +111,7 @@ const ActivityIcon = ({ className, ...props }) => {
     "span",
     {
       className: cn(
-        "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:[stroke-width:1.75]",
+        "flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0",
         status === "error" ? "text-destructive-foreground" : "text-placeholder",
         className
       ),
@@ -225,4 +225,4 @@ function ActivityItem({
 }
 export { Activity as A, ActivityContent as a, ActivityDetail as b, ActivityDisclosure as c, ActivityHeader as d, ActivityHeadline as e, ActivityIcon as f, ActivityItem as g, ActivityLabel as h, ActivityLeading as i, ActivitySpacer as j, ActivitySummary as k, ActivityTrailing as l, ActivityTrigger as m };
-//# sourceMappingURL=activity-CsTUr5_l.js.map
+//# sourceMappingURL=activity-B7c_nQMn.js.map

package/dist/activity-B7c_nQMn.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"activity-B7c_nQMn.js","sources":["../src/ds/components/ai/activity/activity.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\ninterface ActivityContextValue {\n open: boolean;\n foldable: boolean;\n status: ActivityStatus;\n toggle: () => void;\n}\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n const context = useContext(ActivityContext);\n if (!context) throw new Error('Activity compounds must be rendered within Activity');\n return context;\n}\n\nexport interface ActivityProps extends Omit<\n ComponentProps<typeof Collapsible>,\n 'defaultOpen' | 'onOpenChange' | 'open'\n> {\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n foldable?: boolean;\n status?: ActivityStatus;\n}\n\nexport function Activity({\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange = noopOpenChange,\n foldable = true,\n status = 'idle',\n className,\n children,\n ...props\n}: ActivityProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const open = controlledOpen ?? (foldable && uncontrolledOpen);\n const statusId = useId();\n\n const handleOpenChange = (nextOpen: boolean) => {\n if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n onOpenChange(nextOpen);\n };\n\n return (\n <ActivityContext.Provider value={{ open, foldable, status, toggle: () => handleOpenChange(!open) }}>\n <Collapsible\n open={open}\n onOpenChange={handleOpenChange}\n className={cn('max-w-full min-w-0', className)}\n role=\"group\"\n aria-busy={status === 'running'}\n aria-invalid={status === 'error' || undefined}\n aria-describedby={status === 'idle' ? undefined : statusId}\n data-status={status}\n {...props}\n >\n {children}\n <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n {status === 'running' && 'Running'}\n {status === 'error' && 'Failed'}\n </span>\n </Collapsible>\n </ActivityContext.Provider>\n );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n const { foldable } = useActivity();\n const lineId = useId();\n\n return (\n <div\n className={cn(\n 'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n foldable && 'hover:bg-fill',\n className,\n )}\n {...props}\n >\n {foldable && (\n <CollapsibleTrigger\n aria-labelledby={lineId}\n className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n />\n )}\n <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n {children}\n </div>\n </div>\n );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n const { status } = useActivity();\n\n return (\n <Shimmer\n active={status === 'running'}\n className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n {...props}\n >\n {children}\n </Shimmer>\n );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n const { foldable, toggle } = useActivity();\n\n if (!children) return null;\n\n return (\n <span\n className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n onClick={foldable ? toggle : undefined}\n {...props}\n >\n {children}\n </span>\n );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n const { status } = useActivity();\n\n return (\n <span\n className={cn(\n 'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0',\n status === 'error' ? 'text-destructive-foreground' : 'text-placeholder',\n className,\n )}\n {...props}\n />\n );\n};\n\nexport const ActivityLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n font?: 'mono' | 'sans';\n wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ font = 'mono', wrap = false, className, ...props }: ActivityDetailProps) => {\n const arriving = useArriving();\n\n return (\n <Txt\n as=\"span\"\n variant=\"meta\"\n tone=\"muted\"\n font={font === 'mono' ? 'mono' : undefined}\n className={cn('min-w-0', wrap ? 'break-words' : 'truncate', arriving, className)}\n {...props}\n />\n );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => (\n <span\n aria-hidden\n className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n {...props}\n />\n);\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n const { open, foldable } = useActivity();\n\n return (\n <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n <span\n aria-hidden\n className={cn(\n 'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n 'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n open && 'text-muted-foreground',\n open && children != null && 'rotate-90',\n !foldable && 'opacity-0',\n )}\n >\n {children ?? <DisclosureChevron direction=\"right\" open={open} className=\"size-3.25\" />}\n </span>\n </span>\n );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n leading?: ReactNode;\n icon: ReactNode;\n label: ReactNode;\n detail?: string;\n description?: string;\n detailFont?: ActivityDetailProps['font'];\n wrapDetail?: boolean;\n badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n leading,\n icon,\n label,\n detail,\n description,\n detailFont,\n wrapDetail,\n badges,\n ...props\n}: ActivityHeadlineProps) => {\n const { status } = useActivity();\n const hasBadges = Boolean(badges);\n\n return (\n <ActivityHeader {...props}>\n <ActivityLeading>{leading}</ActivityLeading>\n <ActivityIcon>{icon}</ActivityIcon>\n <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n <ActivityLabel className={cn(description && 'max-w-none min-w-0 shrink')}>{description || label}</ActivityLabel>\n {badges}\n {!description && detail && (\n <ActivityDetail font={detailFont} wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n {detail}\n </ActivityDetail>\n )}\n </span>\n <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n {status === 'error' && (\n <ActivityTrailing>\n <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" />\n </ActivityTrailing>\n )}\n <ActivityDisclosure />\n </ActivityHeader>\n );\n};\n\nexport const ActivityContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n <div\n className={cn(\n \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n className,\n )}\n >\n {children}\n </div>\n </CollapsibleContent>\n);\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n icon: ReactNode;\n label: string;\n detail?: string;\n detailFont?: ActivityDetailProps['font'];\n badges?: ReactNode;\n collapsible?: boolean;\n children?: ReactNode;\n 'aria-label': string;\n}\n\nexport function ActivityItem({\n icon,\n label,\n detail,\n detailFont,\n badges,\n collapsible = true,\n children,\n ...props\n}: ActivityItemProps) {\n const folds = collapsible && Boolean(children);\n\n return (\n <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n <ActivityTrigger>\n <ActivityHeadline\n icon={icon}\n label={label}\n detail={detail}\n detailFont={detailFont}\n wrapDetail={!folds}\n badges={badges}\n />\n </ActivityTrigger>\n {children && <ActivityContent>{children}</ActivityContent>}\n </Activity>\n );\n}\n\nexport type { ActivityStatus };\n"],"names":[],"mappings":"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"}