@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/toast-nm-fM7BR.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+require('./toast.css');const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const sonner = require('sonner');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  sonner.Toaster,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: utils_cn.cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => sonner.toast(m, options));
+  if (React.isValidElement(message) || typeof message === "string") return sonner.toast(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.info(m, options));
+toast.custom = (message, options = {}) => sonner.toast(message, options);
+toast.dismiss = (toastId) => sonner.toast.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => sonner.toast.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+exports.Toaster = Toaster;
+exports.toast = toast;
+//# sourceMappingURL=toast-nm-fM7BR.cjs.map

package/dist/toast-nm-fM7BR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-nm-fM7BR.cjs","sources":["../src/lib/toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n"],"names":["jsx","SonnerToaster","cn","sonnerToast"],"mappings":"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"}

package/dist/toast.css

@@ -3,14 +3,14 @@
    so the single :root declaration computes correctly under `html.light` too. Only the shadow
    needs an explicit per-theme override (light gets a gloss highlight, dark stays elevation-only). */
 :root {
-  --toast-success-bg: color-mix(in srgb, var(--notice-success) 20%, var(--surface1));
-  --toast-success-border: color-mix(in srgb, var(--notice-success) 45%, var(--surface1));
-  --toast-destructive-bg: color-mix(in srgb, var(--notice-destructive) 20%, var(--surface1));
-  --toast-destructive-border: color-mix(in srgb, var(--notice-destructive) 45%, var(--surface1));
-  --toast-warning-bg: color-mix(in srgb, var(--notice-warning) 20%, var(--surface1));
-  --toast-warning-border: color-mix(in srgb, var(--notice-warning) 45%, var(--surface1));
-  --toast-info-bg: color-mix(in srgb, var(--notice-info) 20%, var(--surface1));
-  --toast-info-border: color-mix(in srgb, var(--notice-info) 45%, var(--surface1));
+  --toast-success-bg: color-mix(in srgb, var(--notice-success) 20%, var(--sidebar));
+  --toast-success-border: color-mix(in srgb, var(--notice-success) 45%, var(--sidebar));
+  --toast-destructive-bg: color-mix(in srgb, var(--notice-destructive) 20%, var(--sidebar));
+  --toast-destructive-border: color-mix(in srgb, var(--notice-destructive) 45%, var(--sidebar));
+  --toast-warning-bg: color-mix(in srgb, var(--notice-warning) 20%, var(--sidebar));
+  --toast-warning-border: color-mix(in srgb, var(--notice-warning) 45%, var(--sidebar));
+  --toast-info-bg: color-mix(in srgb, var(--notice-info) 20%, var(--sidebar));
+  --toast-info-border: color-mix(in srgb, var(--notice-info) 45%, var(--sidebar));
   --toast-shadow: 0 1px 2px oklch(0 0 0 / 0.4), 0 12px 32px -12px oklch(0 0 0 / 0.55);
 }
 html.light {
@@ -23,9 +23,9 @@ html.light {
    The `[data-sonner-toaster][data-sonner-theme]` prefix matches sonner's own theme rules
    (specificity 0,2,0) and adds our class for (0,3,0) so our notice tokens win without !important. */
 [data-sonner-toaster][data-sonner-theme].mastra-toaster {
-  --normal-bg: var(--surface3);
-  --normal-text: var(--neutral5);
-  --normal-border: var(--border1);
+  --normal-bg: var(--card);
+  --normal-text: var(--foreground);
+  --normal-border: var(--border);
   --success-bg: var(--toast-success-bg);
   --success-text: var(--notice-success-fg);
   --success-border: var(--toast-success-border);
@@ -69,7 +69,7 @@ html.light {
      --close-bg       → chip surface, equal to the toast's own bg so the chip blends at rest
      --close-border   → chip border, equal to the toast's own border so the chip blends at rest */
 [data-sonner-toaster].mastra-toaster [data-sonner-toast]:not([data-type]) {
-  --close-tint: var(--neutral5);
+  --close-tint: var(--foreground);
   --close-bg: var(--normal-bg);
   --close-border: var(--normal-border);
 }

package/dist/tokens.cjs.js

@@ -2,31 +2,162 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const spacings = require('./spacings-C8KU7k6E.cjs');
-const fonts = require('./fonts-DxgDxyKF.cjs');
-
-const Animations = {
-  // Durations
-  durationNormal: "200ms",
-  durationSlow: "300ms",
-  // Easings
-  easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
-};
+const Durations = ["fast", "normal", "slow"];
 const ARRIVING_CLASS = "mastra-arriving";
 const ARRIVING_MS = 800;
 
-exports.BorderColors = spacings.BorderColors;
-exports.BorderRadius = spacings.BorderRadius;
-exports.Colors = spacings.Colors;
-exports.Glows = spacings.Glows;
-exports.Shadows = spacings.Shadows;
-exports.Sizes = spacings.Sizes;
-exports.Spacings = spacings.Spacings;
-exports.CHART_LABEL_FONT_SIZE = fonts.CHART_LABEL_FONT_SIZE;
-exports.CHART_TICK_FONT_SIZE = fonts.CHART_TICK_FONT_SIZE;
-exports.FontSizes = fonts.FontSizes;
-exports.LineHeights = fonts.LineHeights;
+const BorderRadius = {
+  none: "var(--radius-none)",
+  sm: "var(--radius-sm)",
+  md: "var(--radius-md)",
+  lg: "var(--radius-lg)",
+  xl: "var(--radius-xl)"
+};
+
+const Colors = {
+  accent1: "var(--accent1)",
+  accent2: "var(--accent2)",
+  accent3: "var(--accent3)",
+  accent5: "var(--accent5)",
+  accent6: "var(--accent6)",
+  accent1Dark: "var(--accent1Dark)",
+  accent2Dark: "var(--accent2Dark)",
+  accent3Dark: "var(--accent3Dark)",
+  accent5Dark: "var(--accent5Dark)",
+  accent6Dark: "var(--accent6Dark)",
+  accent1Darker: "var(--accent1Darker)",
+  accent2Darker: "var(--accent2Darker)",
+  accent3Darker: "var(--accent3Darker)",
+  accent5Darker: "var(--accent5Darker)",
+  accent6Darker: "var(--accent6Darker)",
+  background: "var(--background)",
+  sidebar: "var(--sidebar)",
+  card: "var(--card)",
+  popover: "var(--popover)",
+  "surface-panel": "var(--surface-panel)",
+  "surface-overlay-soft": "var(--surface-overlay-soft)",
+  "surface-overlay-strong": "var(--surface-overlay-strong)",
+  "fill-subtle": "var(--fill-subtle)",
+  fill: "var(--fill)",
+  "fill-hover": "var(--fill-hover)",
+  "fill-active": "var(--fill-active)",
+  "fill-strong": "var(--fill-strong)",
+  "fill-inverse": "var(--fill-inverse)",
+  "fill-inverse-hover": "var(--fill-inverse-hover)",
+  "fill-inverse-active": "var(--fill-inverse-active)",
+  "fill-inverse-disabled": "var(--fill-inverse-disabled)",
+  "fill-destructive": "var(--fill-destructive)",
+  "fill-destructive-hover": "var(--fill-destructive-hover)",
+  "fill-destructive-active": "var(--fill-destructive-active)",
+  "fill-destructive-disabled": "var(--fill-destructive-disabled)",
+  muted: "var(--muted)",
+  foreground: "var(--foreground)",
+  "muted-foreground": "var(--muted-foreground)",
+  placeholder: "var(--placeholder)",
+  ring: "var(--ring)",
+  destructive: "var(--destructive)",
+  "destructive-foreground": "var(--destructive-foreground)",
+  error: "var(--error)",
+  scrim: "var(--scrim)",
+  warning1: "var(--warning1)",
+  positive1: "var(--positive1)",
+  negative1: "var(--negative1)",
+  "notice-success": "var(--notice-success)",
+  "notice-success-fg": "var(--notice-success-fg)",
+  "notice-destructive": "var(--notice-destructive)",
+  "notice-destructive-fg": "var(--notice-destructive-fg)",
+  "notice-warning": "var(--notice-warning)",
+  "notice-warning-fg": "var(--notice-warning-fg)",
+  "notice-info": "var(--notice-info)",
+  "notice-info-fg": "var(--notice-info-fg)",
+  "notice-note": "var(--notice-note)",
+  "notice-note-fg": "var(--notice-note-fg)",
+  "badge-neutral-fg": "var(--badge-neutral-fg)",
+  "badge-green": "var(--badge-green)",
+  "badge-green-fg": "var(--badge-green-fg)",
+  "badge-red": "var(--badge-red)",
+  "badge-red-fg": "var(--badge-red-fg)",
+  "badge-blue": "var(--badge-blue)",
+  "badge-blue-fg": "var(--badge-blue-fg)",
+  "badge-yellow": "var(--badge-yellow)",
+  "badge-yellow-fg": "var(--badge-yellow-fg)",
+  "badge-purple": "var(--badge-purple)",
+  "badge-purple-fg": "var(--badge-purple-fg)",
+  "badge-orange": "var(--badge-orange)",
+  "badge-orange-fg": "var(--badge-orange-fg)",
+  "badge-cyan": "var(--badge-cyan)",
+  "badge-cyan-fg": "var(--badge-cyan-fg)",
+  "badge-pink": "var(--badge-pink)",
+  "badge-pink-fg": "var(--badge-pink-fg)",
+  "green-50": "var(--brand-green-50)",
+  "green-100": "var(--brand-green-100)",
+  "green-200": "var(--brand-green-200)",
+  "green-300": "var(--brand-green-300)",
+  "green-400": "var(--brand-green-400)",
+  "green-500": "var(--brand-green-500)",
+  "green-600": "var(--brand-green-600)",
+  "green-700": "var(--brand-green-700)",
+  "green-800": "var(--brand-green-800)",
+  "green-900": "var(--brand-green-900)",
+  "green-950": "var(--brand-green-950)"
+};
+const BorderColors = {
+  border: "var(--border)",
+  "border-strong": "var(--border-strong)",
+  "border-hover": "var(--border-hover)",
+  "border-focus": "var(--border-focus)"
+};
+const CHART_LABEL_COLOR = "var(--muted-foreground)";
+
+const TextRoles = [
+  "display",
+  "title",
+  "heading",
+  "subheading",
+  "body",
+  "label",
+  "body-sm",
+  "column",
+  "caption",
+  "meta"
+];
+const CHART_TICK_FONT_SIZE = 10;
+const CHART_LABEL_FONT_SIZE = 12;
+
+const Shadows = {
+  raised: "var(--elevation-raised)",
+  overlay: "var(--elevation-overlay)",
+  "focus-ring": "var(--shadow-focus-ring)"
+};
+
+const Sizes = {
+  "icon-xs": "12px",
+  "icon-sm": "14px",
+  "icon-md": "16px",
+  "icon-lg": "20px",
+  "control-sm": "1.75rem",
+  "control-md": "1.875rem",
+  "control-lg": "2rem",
+  "header-default": "40px",
+  "table-header": "28px",
+  "table-row": "40px",
+  "table-row-small": "32px",
+  "avatar-sm": "24px",
+  "avatar-md": "32px",
+  "avatar-lg": "40px",
+  dropdown: "300px"
+};
+
 exports.ARRIVING_CLASS = ARRIVING_CLASS;
 exports.ARRIVING_MS = ARRIVING_MS;
-exports.Animations = Animations;
+exports.BorderColors = BorderColors;
+exports.BorderRadius = BorderRadius;
+exports.CHART_LABEL_COLOR = CHART_LABEL_COLOR;
+exports.CHART_LABEL_FONT_SIZE = CHART_LABEL_FONT_SIZE;
+exports.CHART_TICK_FONT_SIZE = CHART_TICK_FONT_SIZE;
+exports.Colors = Colors;
+exports.Durations = Durations;
+exports.Shadows = Shadows;
+exports.Sizes = Sizes;
+exports.TextRoles = TextRoles;
 //# sourceMappingURL=tokens.cjs.js.map

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n\n/** Entrance played by anything the reader watches arrive. Defined in `theme.css`. */\nexport const ARRIVING_CLASS = 'mastra-arriving';\n\n/** How long that entrance runs, and so how long a word counts as new. Kept in step with `theme.css`. */\nexport const ARRIVING_MS = 800;\n"],"names":[],"mappings":";;;;;;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;AAGO,MAAM,cAAA,GAAiB;AAGvB,MAAM,WAAA,GAAc;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts","../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts"],"sourcesContent":["/** Named duration rungs, one per `@utility duration-*` in `theme/motion.css`. Tailwind cannot\n * infer a custom utility, so `lib/tw-merge-config.ts` registers these names to keep\n * `duration-fast` and `duration-slow` from both surviving a merge. */\nexport const Durations = ['fast', 'normal', 'slow'] as const;\n\n/** Entrance played by anything the reader watches arrive. Defined in `ds/components/Arrival/arrival.css`. */\nexport const ARRIVING_CLASS = 'mastra-arriving';\n\n/** How long that entrance runs, and so how long a word counts as new. Kept in step with `arrival.css`. */\nexport const ARRIVING_MS = 800;\n","export const BorderRadius = {\n  none: 'var(--radius-none)',\n  sm: 'var(--radius-sm)',\n  md: 'var(--radius-md)',\n  lg: 'var(--radius-lg)',\n  xl: 'var(--radius-xl)',\n};\n","export const Colors = {\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  background: 'var(--background)',\n  sidebar: 'var(--sidebar)',\n  card: 'var(--card)',\n  popover: 'var(--popover)',\n  'surface-panel': 'var(--surface-panel)',\n  'surface-overlay-soft': 'var(--surface-overlay-soft)',\n  'surface-overlay-strong': 'var(--surface-overlay-strong)',\n  'fill-subtle': 'var(--fill-subtle)',\n  fill: 'var(--fill)',\n  'fill-hover': 'var(--fill-hover)',\n  'fill-active': 'var(--fill-active)',\n  'fill-strong': 'var(--fill-strong)',\n  'fill-inverse': 'var(--fill-inverse)',\n  'fill-inverse-hover': 'var(--fill-inverse-hover)',\n  'fill-inverse-active': 'var(--fill-inverse-active)',\n  'fill-inverse-disabled': 'var(--fill-inverse-disabled)',\n  'fill-destructive': 'var(--fill-destructive)',\n  'fill-destructive-hover': 'var(--fill-destructive-hover)',\n  'fill-destructive-active': 'var(--fill-destructive-active)',\n  'fill-destructive-disabled': 'var(--fill-destructive-disabled)',\n  muted: 'var(--muted)',\n  foreground: 'var(--foreground)',\n  'muted-foreground': 'var(--muted-foreground)',\n  placeholder: 'var(--placeholder)',\n  ring: 'var(--ring)',\n  destructive: 'var(--destructive)',\n  'destructive-foreground': 'var(--destructive-foreground)',\n\n  error: 'var(--error)',\n\n  scrim: 'var(--scrim)',\n\n  warning1: 'var(--warning1)',\n  positive1: 'var(--positive1)',\n  negative1: 'var(--negative1)',\n\n  'notice-success': 'var(--notice-success)',\n  'notice-success-fg': 'var(--notice-success-fg)',\n  'notice-destructive': 'var(--notice-destructive)',\n  'notice-destructive-fg': 'var(--notice-destructive-fg)',\n  'notice-warning': 'var(--notice-warning)',\n  'notice-warning-fg': 'var(--notice-warning-fg)',\n  'notice-info': 'var(--notice-info)',\n  'notice-info-fg': 'var(--notice-info-fg)',\n  'notice-note': 'var(--notice-note)',\n  'notice-note-fg': 'var(--notice-note-fg)',\n\n  'badge-neutral-fg': 'var(--badge-neutral-fg)',\n  'badge-green': 'var(--badge-green)',\n  'badge-green-fg': 'var(--badge-green-fg)',\n  'badge-red': 'var(--badge-red)',\n  'badge-red-fg': 'var(--badge-red-fg)',\n  'badge-blue': 'var(--badge-blue)',\n  'badge-blue-fg': 'var(--badge-blue-fg)',\n  'badge-yellow': 'var(--badge-yellow)',\n  'badge-yellow-fg': 'var(--badge-yellow-fg)',\n  'badge-purple': 'var(--badge-purple)',\n  'badge-purple-fg': 'var(--badge-purple-fg)',\n  'badge-orange': 'var(--badge-orange)',\n  'badge-orange-fg': 'var(--badge-orange-fg)',\n  'badge-cyan': 'var(--badge-cyan)',\n  'badge-cyan-fg': 'var(--badge-cyan-fg)',\n  'badge-pink': 'var(--badge-pink)',\n  'badge-pink-fg': 'var(--badge-pink-fg)',\n\n  'green-50': 'var(--brand-green-50)',\n  'green-100': 'var(--brand-green-100)',\n  'green-200': 'var(--brand-green-200)',\n  'green-300': 'var(--brand-green-300)',\n  'green-400': 'var(--brand-green-400)',\n  'green-500': 'var(--brand-green-500)',\n  'green-600': 'var(--brand-green-600)',\n  'green-700': 'var(--brand-green-700)',\n  'green-800': 'var(--brand-green-800)',\n  'green-900': 'var(--brand-green-900)',\n  'green-950': 'var(--brand-green-950)',\n};\n\nexport const BorderColors = {\n  border: 'var(--border)',\n  'border-strong': 'var(--border-strong)',\n  'border-hover': 'var(--border-hover)',\n  'border-focus': 'var(--border-focus)',\n};\n\nexport const CHART_LABEL_COLOR = 'var(--muted-foreground)';\n","// Every `--text-*` role in `theme/typography.css`, in scale order. `lib/tw-merge-config.ts`\n// turns this list into the `font-size` conflict group, so one role class cleanly replaces\n// another in `cn()`; a role added to the CSS and missing here silently stops deduping.\n// `theme-export.test.ts` holds the two sides in step.\n//\n// A role is a complete text style: the size arrives with the weight, line height and\n// tracking declared beside it in the CSS. Components pick a role; they never assemble one,\n// and nothing mirrors those values here — the foundations story reads them off the element.\nexport const TextRoles = [\n  'display',\n  'title',\n  'heading',\n  'subheading',\n  'body',\n  'label',\n  'body-sm',\n  'column',\n  'caption',\n  'meta',\n] as const;\n\nexport type TextRole = (typeof TextRoles)[number];\n\n/** SVG/canvas text can't read CSS tokens; these mirror `meta` (10px) and `caption` (12px). */\nexport const CHART_TICK_FONT_SIZE = 10;\nexport const CHART_LABEL_FONT_SIZE = 12;\n","// The `shadow-raised` / `shadow-overlay` utilities compose lip + rim + drops on\n// the element (see `src/index.css`); these are the drop layers they pull in.\nexport const Shadows = {\n  raised: 'var(--elevation-raised)',\n  overlay: 'var(--elevation-overlay)',\n  'focus-ring': 'var(--shadow-focus-ring)',\n};\n","export const Sizes = {\n  'icon-xs': '12px',\n  'icon-sm': '14px',\n  'icon-md': '16px',\n  'icon-lg': '20px',\n  'control-sm': '1.75rem',\n  'control-md': '1.875rem',\n  'control-lg': '2rem',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '40px',\n  'table-row-small': '32px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  dropdown: '300px',\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAA,GAAY,CAAC,MAAA,EAAQ,QAAA,EAAU,MAAM;AAG3C,MAAM,cAAA,GAAiB;AAGvB,MAAM,WAAA,GAAc;;ACTpB,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,oBAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACNO,MAAM,MAAA,GAAS;AAAA,EACpB,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,OAAA,EAAS,gBAAA;AAAA,EACT,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,WAAA,EAAa,oBAAA;AAAA,EACb,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,aAAA,EAAe,sBAAA;AAAA,EACf,UAAA,EAAY,mBAAA;AAAA,EACZ,OAAA,EAAS,gBAAA;AAAA,EACT,IAAA,EAAM,aAAA;AAAA,EACN,OAAA,EAAS,gBAAA;AAAA,EACT,eAAA,EAAiB,sBAAA;AAAA,EACjB,sBAAA,EAAwB,6BAAA;AAAA,EACxB,wBAAA,EAA0B,+BAAA;AAAA,EAC1B,aAAA,EAAe,oBAAA;AAAA,EACf,IAAA,EAAM,aAAA;AAAA,EACN,YAAA,EAAc,mBAAA;AAAA,EACd,aAAA,EAAe,oBAAA;AAAA,EACf,aAAA,EAAe,oBAAA;AAAA,EACf,cAAA,EAAgB,qBAAA;AAAA,EAChB,oBAAA,EAAsB,2BAAA;AAAA,EACtB,qBAAA,EAAuB,4BAAA;AAAA,EACvB,uBAAA,EAAyB,8BAAA;AAAA,EACzB,kBAAA,EAAoB,yBAAA;AAAA,EACpB,wBAAA,EAA0B,+BAAA;AAAA,EAC1B,yBAAA,EAA2B,gCAAA;AAAA,EAC3B,2BAAA,EAA6B,kCAAA;AAAA,EAC7B,KAAA,EAAO,cAAA;AAAA,EACP,UAAA,EAAY,mBAAA;AAAA,EACZ,kBAAA,EAAoB,yBAAA;AAAA,EACpB,WAAA,EAAa,oBAAA;AAAA,EACb,IAAA,EAAM,aAAA;AAAA,EACN,WAAA,EAAa,oBAAA;AAAA,EACb,wBAAA,EAA0B,+BAAA;AAAA,EAE1B,KAAA,EAAO,cAAA;AAAA,EAEP,KAAA,EAAO,cAAA;AAAA,EAEP,QAAA,EAAU,iBAAA;AAAA,EACV,SAAA,EAAW,kBAAA;AAAA,EACX,SAAA,EAAW,kBAAA;AAAA,EAEX,gBAAA,EAAkB,uBAAA;AAAA,EAClB,mBAAA,EAAqB,0BAAA;AAAA,EACrB,oBAAA,EAAsB,2BAAA;AAAA,EACtB,uBAAA,EAAyB,8BAAA;AAAA,EACzB,gBAAA,EAAkB,uBAAA;AAAA,EAClB,mBAAA,EAAqB,0BAAA;AAAA,EACrB,aAAA,EAAe,oBAAA;AAAA,EACf,gBAAA,EAAkB,uBAAA;AAAA,EAClB,aAAA,EAAe,oBAAA;AAAA,EACf,gBAAA,EAAkB,uBAAA;AAAA,EAElB,kBAAA,EAAoB,yBAAA;AAAA,EACpB,aAAA,EAAe,oBAAA;AAAA,EACf,gBAAA,EAAkB,uBAAA;AAAA,EAClB,WAAA,EAAa,kBAAA;AAAA,EACb,cAAA,EAAgB,qBAAA;AAAA,EAChB,YAAA,EAAc,mBAAA;AAAA,EACd,eAAA,EAAiB,sBAAA;AAAA,EACjB,cAAA,EAAgB,qBAAA;AAAA,EAChB,iBAAA,EAAmB,wBAAA;AAAA,EACnB,cAAA,EAAgB,qBAAA;AAAA,EAChB,iBAAA,EAAmB,wBAAA;AAAA,EACnB,cAAA,EAAgB,qBAAA;AAAA,EAChB,iBAAA,EAAmB,wBAAA;AAAA,EACnB,YAAA,EAAc,mBAAA;AAAA,EACd,eAAA,EAAiB,sBAAA;AAAA,EACjB,YAAA,EAAc,mBAAA;AAAA,EACd,eAAA,EAAiB,sBAAA;AAAA,EAEjB,UAAA,EAAY,uBAAA;AAAA,EACZ,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa,wBAAA;AAAA,EACb,WAAA,EAAa;AACf;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,MAAA,EAAQ,eAAA;AAAA,EACR,eAAA,EAAiB,sBAAA;AAAA,EACjB,cAAA,EAAgB,qBAAA;AAAA,EAChB,cAAA,EAAgB;AAClB;AAEO,MAAM,iBAAA,GAAoB;;AC7F1B,MAAM,SAAA,GAAY;AAAA,EACvB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAKO,MAAM,oBAAA,GAAuB;AAC7B,MAAM,qBAAA,GAAwB;;ACvB9B,MAAM,OAAA,GAAU;AAAA,EACrB,MAAA,EAAQ,yBAAA;AAAA,EACR,OAAA,EAAS,0BAAA;AAAA,EACT,YAAA,EAAc;AAChB;;ACNO,MAAM,KAAA,GAAQ;AAAA,EACnB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,YAAA,EAAc,SAAA;AAAA,EACd,YAAA,EAAc,UAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,QAAA,EAAU;AACZ;;;;;;;;;;;;;;;"}

package/dist/tokens.es.js

@@ -1,15 +1,148 @@
-export { B as BorderColors, a as BorderRadius, C as Colors, G as Glows, S as Shadows, b as Sizes, c as Spacings } from './spacings-Doib6y6Q.js';
-export { a as CHART_LABEL_FONT_SIZE, C as CHART_TICK_FONT_SIZE, F as FontSizes, L as LineHeights } from './fonts-BD38FYaQ.js';
-
-const Animations = {
-  // Durations
-  durationNormal: "200ms",
-  durationSlow: "300ms",
-  // Easings
-  easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
-};
+const Durations = ["fast", "normal", "slow"];
 const ARRIVING_CLASS = "mastra-arriving";
 const ARRIVING_MS = 800;
 
-export { ARRIVING_CLASS, ARRIVING_MS, Animations };
+const BorderRadius = {
+  none: "var(--radius-none)",
+  sm: "var(--radius-sm)",
+  md: "var(--radius-md)",
+  lg: "var(--radius-lg)",
+  xl: "var(--radius-xl)"
+};
+
+const Colors = {
+  accent1: "var(--accent1)",
+  accent2: "var(--accent2)",
+  accent3: "var(--accent3)",
+  accent5: "var(--accent5)",
+  accent6: "var(--accent6)",
+  accent1Dark: "var(--accent1Dark)",
+  accent2Dark: "var(--accent2Dark)",
+  accent3Dark: "var(--accent3Dark)",
+  accent5Dark: "var(--accent5Dark)",
+  accent6Dark: "var(--accent6Dark)",
+  accent1Darker: "var(--accent1Darker)",
+  accent2Darker: "var(--accent2Darker)",
+  accent3Darker: "var(--accent3Darker)",
+  accent5Darker: "var(--accent5Darker)",
+  accent6Darker: "var(--accent6Darker)",
+  background: "var(--background)",
+  sidebar: "var(--sidebar)",
+  card: "var(--card)",
+  popover: "var(--popover)",
+  "surface-panel": "var(--surface-panel)",
+  "surface-overlay-soft": "var(--surface-overlay-soft)",
+  "surface-overlay-strong": "var(--surface-overlay-strong)",
+  "fill-subtle": "var(--fill-subtle)",
+  fill: "var(--fill)",
+  "fill-hover": "var(--fill-hover)",
+  "fill-active": "var(--fill-active)",
+  "fill-strong": "var(--fill-strong)",
+  "fill-inverse": "var(--fill-inverse)",
+  "fill-inverse-hover": "var(--fill-inverse-hover)",
+  "fill-inverse-active": "var(--fill-inverse-active)",
+  "fill-inverse-disabled": "var(--fill-inverse-disabled)",
+  "fill-destructive": "var(--fill-destructive)",
+  "fill-destructive-hover": "var(--fill-destructive-hover)",
+  "fill-destructive-active": "var(--fill-destructive-active)",
+  "fill-destructive-disabled": "var(--fill-destructive-disabled)",
+  muted: "var(--muted)",
+  foreground: "var(--foreground)",
+  "muted-foreground": "var(--muted-foreground)",
+  placeholder: "var(--placeholder)",
+  ring: "var(--ring)",
+  destructive: "var(--destructive)",
+  "destructive-foreground": "var(--destructive-foreground)",
+  error: "var(--error)",
+  scrim: "var(--scrim)",
+  warning1: "var(--warning1)",
+  positive1: "var(--positive1)",
+  negative1: "var(--negative1)",
+  "notice-success": "var(--notice-success)",
+  "notice-success-fg": "var(--notice-success-fg)",
+  "notice-destructive": "var(--notice-destructive)",
+  "notice-destructive-fg": "var(--notice-destructive-fg)",
+  "notice-warning": "var(--notice-warning)",
+  "notice-warning-fg": "var(--notice-warning-fg)",
+  "notice-info": "var(--notice-info)",
+  "notice-info-fg": "var(--notice-info-fg)",
+  "notice-note": "var(--notice-note)",
+  "notice-note-fg": "var(--notice-note-fg)",
+  "badge-neutral-fg": "var(--badge-neutral-fg)",
+  "badge-green": "var(--badge-green)",
+  "badge-green-fg": "var(--badge-green-fg)",
+  "badge-red": "var(--badge-red)",
+  "badge-red-fg": "var(--badge-red-fg)",
+  "badge-blue": "var(--badge-blue)",
+  "badge-blue-fg": "var(--badge-blue-fg)",
+  "badge-yellow": "var(--badge-yellow)",
+  "badge-yellow-fg": "var(--badge-yellow-fg)",
+  "badge-purple": "var(--badge-purple)",
+  "badge-purple-fg": "var(--badge-purple-fg)",
+  "badge-orange": "var(--badge-orange)",
+  "badge-orange-fg": "var(--badge-orange-fg)",
+  "badge-cyan": "var(--badge-cyan)",
+  "badge-cyan-fg": "var(--badge-cyan-fg)",
+  "badge-pink": "var(--badge-pink)",
+  "badge-pink-fg": "var(--badge-pink-fg)",
+  "green-50": "var(--brand-green-50)",
+  "green-100": "var(--brand-green-100)",
+  "green-200": "var(--brand-green-200)",
+  "green-300": "var(--brand-green-300)",
+  "green-400": "var(--brand-green-400)",
+  "green-500": "var(--brand-green-500)",
+  "green-600": "var(--brand-green-600)",
+  "green-700": "var(--brand-green-700)",
+  "green-800": "var(--brand-green-800)",
+  "green-900": "var(--brand-green-900)",
+  "green-950": "var(--brand-green-950)"
+};
+const BorderColors = {
+  border: "var(--border)",
+  "border-strong": "var(--border-strong)",
+  "border-hover": "var(--border-hover)",
+  "border-focus": "var(--border-focus)"
+};
+const CHART_LABEL_COLOR = "var(--muted-foreground)";
+
+const TextRoles = [
+  "display",
+  "title",
+  "heading",
+  "subheading",
+  "body",
+  "label",
+  "body-sm",
+  "column",
+  "caption",
+  "meta"
+];
+const CHART_TICK_FONT_SIZE = 10;
+const CHART_LABEL_FONT_SIZE = 12;
+
+const Shadows = {
+  raised: "var(--elevation-raised)",
+  overlay: "var(--elevation-overlay)",
+  "focus-ring": "var(--shadow-focus-ring)"
+};
+
+const Sizes = {
+  "icon-xs": "12px",
+  "icon-sm": "14px",
+  "icon-md": "16px",
+  "icon-lg": "20px",
+  "control-sm": "1.75rem",
+  "control-md": "1.875rem",
+  "control-lg": "2rem",
+  "header-default": "40px",
+  "table-header": "28px",
+  "table-row": "40px",
+  "table-row-small": "32px",
+  "avatar-sm": "24px",
+  "avatar-md": "32px",
+  "avatar-lg": "40px",
+  dropdown: "300px"
+};
+
+export { ARRIVING_CLASS, ARRIVING_MS, BorderColors, BorderRadius, CHART_LABEL_COLOR, CHART_LABEL_FONT_SIZE, CHART_TICK_FONT_SIZE, Colors, Durations, Shadows, Sizes, TextRoles };
 //# sourceMappingURL=tokens.es.js.map

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n\n/** Entrance played by anything the reader watches arrive. Defined in `theme.css`. */\nexport const ARRIVING_CLASS = 'mastra-arriving';\n\n/** How long that entrance runs, and so how long a word counts as new. Kept in step with `theme.css`. */\nexport const ARRIVING_MS = 800;\n"],"names":[],"mappings":";;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;AAGO,MAAM,cAAA,GAAiB;AAGvB,MAAM,WAAA,GAAc;;;;"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts","../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts"],"sourcesContent":["/** Named duration rungs, one per `@utility duration-*` in `theme/motion.css`. Tailwind cannot\n * infer a custom utility, so `lib/tw-merge-config.ts` registers these names to keep\n * `duration-fast` and `duration-slow` from both surviving a merge. */\nexport const Durations = ['fast', 'normal', 'slow'] as const;\n\n/** Entrance played by anything the reader watches arrive. Defined in `ds/components/Arrival/arrival.css`. */\nexport const ARRIVING_CLASS = 'mastra-arriving';\n\n/** How long that entrance runs, and so how long a word counts as new. Kept in step with `arrival.css`. */\nexport const ARRIVING_MS = 800;\n","export const BorderRadius = {\n  none: 'var(--radius-none)',\n  sm: 'var(--radius-sm)',\n  md: 'var(--radius-md)',\n  lg: 'var(--radius-lg)',\n  xl: 'var(--radius-xl)',\n};\n","export const Colors = {\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  background: 'var(--background)',\n  sidebar: 'var(--sidebar)',\n  card: 'var(--card)',\n  popover: 'var(--popover)',\n  'surface-panel': 'var(--surface-panel)',\n  'surface-overlay-soft': 'var(--surface-overlay-soft)',\n  'surface-overlay-strong': 'var(--surface-overlay-strong)',\n  'fill-subtle': 'var(--fill-subtle)',\n  fill: 'var(--fill)',\n  'fill-hover': 'var(--fill-hover)',\n  'fill-active': 'var(--fill-active)',\n  'fill-strong': 'var(--fill-strong)',\n  'fill-inverse': 'var(--fill-inverse)',\n  'fill-inverse-hover': 'var(--fill-inverse-hover)',\n  'fill-inverse-active': 'var(--fill-inverse-active)',\n  'fill-inverse-disabled': 'var(--fill-inverse-disabled)',\n  'fill-destructive': 'var(--fill-destructive)',\n  'fill-destructive-hover': 'var(--fill-destructive-hover)',\n  'fill-destructive-active': 'var(--fill-destructive-active)',\n  'fill-destructive-disabled': 'var(--fill-destructive-disabled)',\n  muted: 'var(--muted)',\n  foreground: 'var(--foreground)',\n  'muted-foreground': 'var(--muted-foreground)',\n  placeholder: 'var(--placeholder)',\n  ring: 'var(--ring)',\n  destructive: 'var(--destructive)',\n  'destructive-foreground': 'var(--destructive-foreground)',\n\n  error: 'var(--error)',\n\n  scrim: 'var(--scrim)',\n\n  warning1: 'var(--warning1)',\n  positive1: 'var(--positive1)',\n  negative1: 'var(--negative1)',\n\n  'notice-success': 'var(--notice-success)',\n  'notice-success-fg': 'var(--notice-success-fg)',\n  'notice-destructive': 'var(--notice-destructive)',\n  'notice-destructive-fg': 'var(--notice-destructive-fg)',\n  'notice-warning': 'var(--notice-warning)',\n  'notice-warning-fg': 'var(--notice-warning-fg)',\n  'notice-info': 'var(--notice-info)',\n  'notice-info-fg': 'var(--notice-info-fg)',\n  'notice-note': 'var(--notice-note)',\n  'notice-note-fg': 'var(--notice-note-fg)',\n\n  'badge-neutral-fg': 'var(--badge-neutral-fg)',\n  'badge-green': 'var(--badge-green)',\n  'badge-green-fg': 'var(--badge-green-fg)',\n  'badge-red': 'var(--badge-red)',\n  'badge-red-fg': 'var(--badge-red-fg)',\n  'badge-blue': 'var(--badge-blue)',\n  'badge-blue-fg': 'var(--badge-blue-fg)',\n  'badge-yellow': 'var(--badge-yellow)',\n  'badge-yellow-fg': 'var(--badge-yellow-fg)',\n  'badge-purple': 'var(--badge-purple)',\n  'badge-purple-fg': 'var(--badge-purple-fg)',\n  'badge-orange': 'var(--badge-orange)',\n  'badge-orange-fg': 'var(--badge-orange-fg)',\n  'badge-cyan': 'var(--badge-cyan)',\n  'badge-cyan-fg': 'var(--badge-cyan-fg)',\n  'badge-pink': 'var(--badge-pink)',\n  'badge-pink-fg': 'var(--badge-pink-fg)',\n\n  'green-50': 'var(--brand-green-50)',\n  'green-100': 'var(--brand-green-100)',\n  'green-200': 'var(--brand-green-200)',\n  'green-300': 'var(--brand-green-300)',\n  'green-400': 'var(--brand-green-400)',\n  'green-500': 'var(--brand-green-500)',\n  'green-600': 'var(--brand-green-600)',\n  'green-700': 'var(--brand-green-700)',\n  'green-800': 'var(--brand-green-800)',\n  'green-900': 'var(--brand-green-900)',\n  'green-950': 'var(--brand-green-950)',\n};\n\nexport const BorderColors = {\n  border: 'var(--border)',\n  'border-strong': 'var(--border-strong)',\n  'border-hover': 'var(--border-hover)',\n  'border-focus': 'var(--border-focus)',\n};\n\nexport const CHART_LABEL_COLOR = 'var(--muted-foreground)';\n","// Every `--text-*` role in `theme/typography.css`, in scale order. `lib/tw-merge-config.ts`\n// turns this list into the `font-size` conflict group, so one role class cleanly replaces\n// another in `cn()`; a role added to the CSS and missing here silently stops deduping.\n// `theme-export.test.ts` holds the two sides in step.\n//\n// A role is a complete text style: the size arrives with the weight, line height and\n// tracking declared beside it in the CSS. Components pick a role; they never assemble one,\n// and nothing mirrors those values here — the foundations story reads them off the element.\nexport const TextRoles = [\n  'display',\n  'title',\n  'heading',\n  'subheading',\n  'body',\n  'label',\n  'body-sm',\n  'column',\n  'caption',\n  'meta',\n] as const;\n\nexport type TextRole = (typeof TextRoles)[number];\n\n/** SVG/canvas text can't read CSS tokens; these mirror `meta` (10px) and `caption` (12px). */\nexport const CHART_TICK_FONT_SIZE = 10;\nexport const CHART_LABEL_FONT_SIZE = 12;\n","// The `shadow-raised` / `shadow-overlay` utilities compose lip + rim + drops on\n// the element (see `src/index.css`); these are the drop layers they pull in.\nexport const Shadows = {\n  raised: 'var(--elevation-raised)',\n  overlay: 'var(--elevation-overlay)',\n  'focus-ring': 'var(--shadow-focus-ring)',\n};\n","export const Sizes = {\n  'icon-xs': '12px',\n  'icon-sm': '14px',\n  'icon-md': '16px',\n  'icon-lg': '20px',\n  'control-sm': '1.75rem',\n  'control-md': '1.875rem',\n  'control-lg': '2rem',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '40px',\n  'table-row-small': '32px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  dropdown: '300px',\n};\n"],"names":[],"mappings":"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"}

package/dist/tool-approval-DB82iiRa.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Check, X } from 'lucide-react';
+import { B as Button } from './Button-cWcBEd-G.js';
+
+function ToolApprovalActions({
+  onApprove,
+  onDecline,
+  disabled = false,
+  status,
+  toolName,
+  autoFocus = false
+}) {
+  const actionsDisabled = disabled || status !== void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: status ? "default" : "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(Check, {}),
+        "aria-label": toolName ? `Approve ${toolName}` : void 0,
+        autoFocus,
+        disabled: actionsDisabled,
+        className: status === "approved" ? "text-accent1!" : void 0,
+        onClick: onApprove,
+        children: "Approve"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        icon: /* @__PURE__ */ jsx(X, {}),
+        "aria-label": toolName ? `Decline ${toolName}` : void 0,
+        disabled: actionsDisabled,
+        className: status === "declined" ? "text-accent2!" : void 0,
+        onClick: onDecline,
+        children: "Decline"
+      }
+    )
+  ] });
+}
+function ToolApproval({ toolName, children, ...actions }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "border-border border-l-warning1 bg-fill my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3",
+      role: "group",
+      "aria-label": `Tool approval for ${toolName}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-foreground text-subheading mb-1.5", children: [
+          "Approve ",
+          /* @__PURE__ */ jsx("code", { className: "bg-fill-hover text-caption rounded px-1.5 py-px font-mono break-all", children: toolName }),
+          "?"
+        ] }),
+        children,
+        /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(ToolApprovalActions, { toolName, ...actions }) })
+      ]
+    }
+  );
+}
+
+export { ToolApproval as T, ToolApprovalActions as a };
+//# sourceMappingURL=tool-approval-DB82iiRa.js.map

package/dist/tool-approval-DB82iiRa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval-DB82iiRa.js","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  status?: 'approved' | 'declined';\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  status,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  const actionsDisabled = disabled || status !== undefined;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant={status ? 'default' : 'primary'}\n        size=\"sm\"\n        icon={<Check />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={actionsDisabled}\n        className={status === 'approved' ? 'text-accent1!' : undefined}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={actionsDisabled}\n        className={status === 'declined' ? 'text-accent2!' : undefined}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps {\n  toolName: string;\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, children, ...actions }: ToolApprovalProps) {\n  return (\n    <div\n      className=\"border-border border-l-warning1 bg-fill my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3\"\n      role=\"group\"\n      aria-label={`Tool approval for ${toolName}`}\n    >\n      <div className=\"text-foreground text-subheading mb-1.5\">\n        Approve <code className=\"bg-fill-hover text-caption rounded px-1.5 py-px font-mono break-all\">{toolName}</code>?\n      </div>\n      {children}\n      <div className=\"mt-2\">\n        <ToolApprovalActions toolName={toolName} {...actions} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAA,KAAW,MAAA;AAE/C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,SAAS,SAAA,GAAY,SAAA;AAAA,QAC9B,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA;AAAA,QACb,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,SAAA;AAAA,QACA,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,sBAAO,CAAA,EAAA,EAAE,CAAA;AAAA,QACT,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAa,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,SAAQ,EAAsB;AAClF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,6FAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,qBAAqB,QAAQ,CAAA,CAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EAAyC,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,0BAC9C,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qEAAA,EAAuE,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAAO;AAAA,SAAA,EACjH,CAAA;AAAA,QACC,QAAA;AAAA,wBACD,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,mBAAA,EAAA,EAAoB,QAAA,EAAqB,GAAG,OAAA,EAAS,CAAA,EACxD;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}