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

package/dist/ErrorBoundary-CKrwONAU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CKrwONAU.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-CEBwitdf.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-BnmR2HRc.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+const lucideReact = require('lucide-react');
+const Txt = require('./Txt-DPmEpNbp.cjs');
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-body", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LightbulbIcon, {}),
+    classes: "bg-success-subtle border-success-edge text-success-subtle-foreground"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlertIcon, {}),
+    classes: "bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, {}),
+    classes: "bg-warning-subtle border-warning-edge text-warning-subtle-foreground"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+    classes: "bg-info-subtle border-info-edge text-info-subtle-foreground"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, {}),
+    classes: "bg-muted border-border text-foreground"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn(
+          "@container relative rounded-2xl border p-3 text-body",
+          "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1 wrap-anywhere", children })
+          ] }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "@container relative flex flex-col gap-3 rounded-2xl border p-3",
+        "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+        classes,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4", children: [
+          resolvedIcon,
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", className: "truncate leading-none tracking-wide uppercase", children: title })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 hidden @md:block", children: action }),
+        (children || action) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-3 wrap-anywhere", children: [
+          children,
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+exports.Notice = Notice;
+//# sourceMappingURL=Notice-CEBwitdf.cjs.map

package/dist/Notice-CEBwitdf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-CEBwitdf.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 type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\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":["Button","cn","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","jsx","jsxs","Txt"],"mappings":"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"}

package/dist/Notice-Ce3r5x-7.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { c as cn } from './cn-65Adrsfj.js';
+import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
+import { T as Txt } from './Txt-BP1SRHmL.js';
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("text-body", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsx(LightbulbIcon, {}),
+    classes: "bg-success-subtle border-success-edge text-success-subtle-foreground"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsx(OctagonAlertIcon, {}),
+    classes: "bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsx(TriangleAlertIcon, {}),
+    classes: "bg-warning-subtle border-warning-edge text-warning-subtle-foreground"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+    classes: "bg-info-subtle border-info-edge text-info-subtle-foreground"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsx(FileTextIcon, {}),
+    classes: "bg-muted border-border text-foreground"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "@container relative rounded-2xl border p-3 text-body",
+          "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 wrap-anywhere", children })
+          ] }),
+          action && /* @__PURE__ */ jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "@container relative flex flex-col gap-3 rounded-2xl border p-3",
+        "animate-in duration-200 fade-in-0 slide-in-from-top-2",
+        classes,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4", children: [
+          resolvedIcon,
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", className: "truncate leading-none tracking-wide uppercase", children: title })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 hidden @md:block", children: action }),
+        (children || action) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3 wrap-anywhere", children: [
+          children,
+          action && /* @__PURE__ */ jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+export { Notice as N };
+//# sourceMappingURL=Notice-Ce3r5x-7.js.map

package/dist/Notice-Ce3r5x-7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-Ce3r5x-7.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 type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-body', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-success-subtle border-success-edge text-success-subtle-foreground',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-destructive-subtle border-destructive-edge text-destructive-subtle-foreground',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-warning-subtle border-warning-edge text-warning-subtle-foreground',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-info-subtle border-info-edge text-info-subtle-foreground',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-muted border-border text-foreground',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          '@container relative rounded-2xl border p-3 text-body',\n          'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {/* wrap-anywhere — messages carry URLs and tokens with no break opportunity */}\n            {children && <div className=\"min-w-0 flex-1 wrap-anywhere\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        '@container relative flex flex-col gap-3 rounded-2xl border p-3',\n        'animate-in duration-200 fade-in-0 slide-in-from-top-2',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 min-w-0 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        {/* truncate, not wrap — the row is 1rem tall, a wrapped title would spill out of it */}\n        <Txt as=\"span\" variant=\"column\" className=\"truncate leading-none tracking-wide uppercase\">\n          {title}\n        </Txt>\n      </div>\n      {action && <div className=\"absolute top-2 right-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex min-w-0 flex-col gap-3 wrap-anywhere\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\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/ProductBadge.css

@@ -0,0 +1,3 @@
+.product-badge {
+  padding-inline: 6px;
+}

package/dist/ProductIcon-BtyRYlaH.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Factory, Cpu, Infinity } from 'lucide-react';
+
+function ProductIcon({ product }) {
+  if (product === "factory") return /* @__PURE__ */ jsx(Factory, { "aria-hidden": "true" });
+  if (product === "workers") return /* @__PURE__ */ jsx(Cpu, { "aria-hidden": "true" });
+  if (product === "persistent-server") return /* @__PURE__ */ jsx(Infinity, { "aria-hidden": "true" });
+  if (product === "server") {
+    return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("path", { d: "M12.051 21.494C9.026 21.494 6.331 20.078 4.594 17.878C4.253 17.445 4.327 16.818 4.759 16.476C5.192 16.135 5.819 16.209 6.161 16.641C7.536 18.383 9.663 19.498 12.051 19.498C16.192 19.498 19.549 16.141 19.549 12C19.549 7.858 16.192 4.501 12.051 4.501C9.663 4.501 7.536 5.617 6.161 7.359C5.819 7.791 5.192 7.865 4.759 7.524C4.327 7.182 4.253 6.555 4.594 6.122C6.331 3.921 9.026 2.506 12.051 2.506C17.294 2.506 21.545 6.756 21.545 12C21.545 17.243 17.294 21.494 12.051 21.494Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M11.982 16.706C9.992 16.706 8.291 15.471 7.603 13.725C7.44 13.312 7.066 12.998 6.622 12.998H2.973C2.422 12.998 1.976 12.551 1.976 12C1.976 11.449 2.422 11.002 2.973 11.002H6.622C7.066 11.002 7.44 10.688 7.603 10.275C8.291 8.529 9.992 7.294 11.982 7.293C14.582 7.294 16.689 9.401 16.689 12C16.689 14.599 14.582 16.706 11.982 16.706Z" })
+    ] });
+  }
+  if (product === "observability") {
+    return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 385 385", fill: "currentColor", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("path", { d: "M192.5 341.731C110.082 341.731 43.269 274.918 43.269 192.5C43.269 151.88 59.533 115.087 85.864 88.182C86.272 87.66 86.715 87.158 87.195 86.678C87.699 86.174 88.228 85.709 88.777 85.284C92.189 81.983 95.733 78.819 99.446 75.853L109.096 85.503C109.546 85.867 109.993 86.259 110.412 86.678L204.375 180.641C210.786 187.052 210.786 197.446 204.375 203.857C197.963 210.268 187.569 210.269 181.158 203.857L145.064 167.764C141.193 175.164 139.002 183.582 139.002 192.515C139.003 222.071 162.96 246.029 192.516 246.029C201.504 246.029 209.974 243.813 217.41 239.898C225.461 235.658 235.852 235.334 242.285 241.768C248.67 248.152 248.759 258.653 241.315 263.762C227.432 273.289 210.625 278.864 192.516 278.865C144.826 278.865 106.168 240.205 106.166 192.515C106.166 174.472 111.713 157.729 121.174 143.873L99.634 122.333C84.87 141.844 76.104 166.146 76.104 192.5C76.104 256.784 128.216 308.896 192.5 308.896C218.855 308.896 243.165 300.136 262.676 285.37C269.92 279.888 280.28 279.763 286.704 286.187C293.102 292.585 293.166 303.036 286.123 308.716C260.52 329.367 227.954 341.731 192.5 341.731Z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "259.9", cy: "208.11", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "252.047", cy: "154.168", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "203.28", cy: "123.043", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "313.628", cy: "250.323", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "325.92", cy: "198.426", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "319.774", cy: "146.528", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "292.46", cy: "103.85", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "251.488", cy: "71.414", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "201.981", cy: "58.44", r: "16.73" }),
+      /* @__PURE__ */ jsx("circle", { cx: "150.451", cy: "66.263", r: "16.73" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 345 345", fill: "currentColor", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M74.019 83.613C74.019 93.084 66.113 100.76 56.359 100.76L46.41 100.76C36.66 100.756 28.75 93.081 28.75 83.613C28.75 74.145 36.66 66.47 46.41 66.466L56.359 66.466C66.113 66.466 74.019 74.142 74.019 83.613Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M74.019 263.806C74.019 273.276 66.113 280.953 56.359 280.953L46.41 280.953C36.66 280.949 28.75 273.274 28.75 263.806C28.75 254.338 36.66 246.663 46.41 246.659L56.359 246.659C66.113 246.659 74.019 254.335 74.019 263.806Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M251.21 174.295C251.205 195.779 233.257 213.196 211.129 213.196C199.853 213.194 189.69 208.645 182.409 201.364C169.629 191.084 158.568 188.17 153.499 187.976L44.776 187.976C37.398 187.974 31.416 182.167 31.416 175.004C31.418 167.843 37.386 162.035 44.76 162.031L152.594 162.031C166.903 158.307 180.441 148.205 185.424 143.621C185.521 143.813 185.595 144.026 185.694 144.237C192.613 138.707 201.47 135.38 211.129 135.378C233.26 135.378 251.21 152.807 251.21 174.295Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M316.25 81.148C316.248 88.308 310.296 94.117 302.921 94.12L195.579 94.12C183.288 97.318 171.559 105.225 165.336 110.297C164.562 111.007 163.771 111.697 162.94 112.346C162.87 112.409 162.8 112.469 162.734 112.531L162.734 112.5C155.899 117.768 147.273 120.941 137.87 120.943C115.738 120.943 97.789 103.514 97.789 82.026C97.793 60.541 115.741 43.125 137.87 43.125C150.024 43.127 160.892 48.4 168.24 56.698C180.886 66.114 191.493 68.357 195.69 68.176L302.89 68.176C310.268 68.176 316.25 73.984 316.25 81.148Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M316.25 262.08C316.248 269.241 310.296 275.049 302.921 275.053L195.579 275.053C183.288 278.25 171.559 286.157 165.336 291.229C164.562 291.939 163.771 292.629 162.94 293.278C162.87 293.341 162.8 293.402 162.734 293.463L162.734 293.432C155.899 298.701 147.273 301.873 137.87 301.875C115.738 301.875 97.789 284.447 97.789 262.959C97.793 241.473 115.741 224.057 137.87 224.057C150.024 224.059 160.892 229.333 168.24 237.63C180.886 247.046 191.493 249.29 195.69 249.108L302.89 249.108C310.268 249.108 316.25 254.916 316.25 262.08Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M314.679 175.681C314.679 185.152 306.773 192.829 297.019 192.829L287.07 192.829C277.32 192.825 269.41 185.15 269.41 175.681C269.41 166.213 277.32 158.538 287.07 158.534L297.019 158.534C306.773 158.534 314.679 166.211 314.679 175.681Z" })
+  ] });
+}
+
+export { ProductIcon as P };
+//# sourceMappingURL=ProductIcon-BtyRYlaH.js.map

package/dist/ProductIcon-BtyRYlaH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductIcon-BtyRYlaH.js","sources":["../src/ds/components/ProductAvatar/ProductIcon.tsx"],"sourcesContent":["import { Cpu, Factory, Infinity } from 'lucide-react';\nimport type { Product } from './product-identity';\n\nexport function ProductIcon({ product }: { product: Product }) {\n  if (product === 'factory') return <Factory aria-hidden=\"true\" />;\n  if (product === 'workers') return <Cpu aria-hidden=\"true\" />;\n  if (product === 'persistent-server') return <Infinity aria-hidden=\"true\" />;\n  if (product === 'server') {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12.051 21.494C9.026 21.494 6.331 20.078 4.594 17.878C4.253 17.445 4.327 16.818 4.759 16.476C5.192 16.135 5.819 16.209 6.161 16.641C7.536 18.383 9.663 19.498 12.051 19.498C16.192 19.498 19.549 16.141 19.549 12C19.549 7.858 16.192 4.501 12.051 4.501C9.663 4.501 7.536 5.617 6.161 7.359C5.819 7.791 5.192 7.865 4.759 7.524C4.327 7.182 4.253 6.555 4.594 6.122C6.331 3.921 9.026 2.506 12.051 2.506C17.294 2.506 21.545 6.756 21.545 12C21.545 17.243 17.294 21.494 12.051 21.494Z\" />\n        <path d=\"M11.982 16.706C9.992 16.706 8.291 15.471 7.603 13.725C7.44 13.312 7.066 12.998 6.622 12.998H2.973C2.422 12.998 1.976 12.551 1.976 12C1.976 11.449 2.422 11.002 2.973 11.002H6.622C7.066 11.002 7.44 10.688 7.603 10.275C8.291 8.529 9.992 7.294 11.982 7.293C14.582 7.294 16.689 9.401 16.689 12C16.689 14.599 14.582 16.706 11.982 16.706Z\" />\n      </svg>\n    );\n  }\n  if (product === 'observability') {\n    return (\n      <svg viewBox=\"0 0 385 385\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M192.5 341.731C110.082 341.731 43.269 274.918 43.269 192.5C43.269 151.88 59.533 115.087 85.864 88.182C86.272 87.66 86.715 87.158 87.195 86.678C87.699 86.174 88.228 85.709 88.777 85.284C92.189 81.983 95.733 78.819 99.446 75.853L109.096 85.503C109.546 85.867 109.993 86.259 110.412 86.678L204.375 180.641C210.786 187.052 210.786 197.446 204.375 203.857C197.963 210.268 187.569 210.269 181.158 203.857L145.064 167.764C141.193 175.164 139.002 183.582 139.002 192.515C139.003 222.071 162.96 246.029 192.516 246.029C201.504 246.029 209.974 243.813 217.41 239.898C225.461 235.658 235.852 235.334 242.285 241.768C248.67 248.152 248.759 258.653 241.315 263.762C227.432 273.289 210.625 278.864 192.516 278.865C144.826 278.865 106.168 240.205 106.166 192.515C106.166 174.472 111.713 157.729 121.174 143.873L99.634 122.333C84.87 141.844 76.104 166.146 76.104 192.5C76.104 256.784 128.216 308.896 192.5 308.896C218.855 308.896 243.165 300.136 262.676 285.37C269.92 279.888 280.28 279.763 286.704 286.187C293.102 292.585 293.166 303.036 286.123 308.716C260.52 329.367 227.954 341.731 192.5 341.731Z\" />\n        <circle cx=\"259.9\" cy=\"208.11\" r=\"16.73\" />\n        <circle cx=\"252.047\" cy=\"154.168\" r=\"16.73\" />\n        <circle cx=\"203.28\" cy=\"123.043\" r=\"16.73\" />\n        <circle cx=\"313.628\" cy=\"250.323\" r=\"16.73\" />\n        <circle cx=\"325.92\" cy=\"198.426\" r=\"16.73\" />\n        <circle cx=\"319.774\" cy=\"146.528\" r=\"16.73\" />\n        <circle cx=\"292.46\" cy=\"103.85\" r=\"16.73\" />\n        <circle cx=\"251.488\" cy=\"71.414\" r=\"16.73\" />\n        <circle cx=\"201.981\" cy=\"58.44\" r=\"16.73\" />\n        <circle cx=\"150.451\" cy=\"66.263\" r=\"16.73\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 345 345\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M74.019 83.613C74.019 93.084 66.113 100.76 56.359 100.76L46.41 100.76C36.66 100.756 28.75 93.081 28.75 83.613C28.75 74.145 36.66 66.47 46.41 66.466L56.359 66.466C66.113 66.466 74.019 74.142 74.019 83.613Z\" />\n      <path d=\"M74.019 263.806C74.019 273.276 66.113 280.953 56.359 280.953L46.41 280.953C36.66 280.949 28.75 273.274 28.75 263.806C28.75 254.338 36.66 246.663 46.41 246.659L56.359 246.659C66.113 246.659 74.019 254.335 74.019 263.806Z\" />\n      <path d=\"M251.21 174.295C251.205 195.779 233.257 213.196 211.129 213.196C199.853 213.194 189.69 208.645 182.409 201.364C169.629 191.084 158.568 188.17 153.499 187.976L44.776 187.976C37.398 187.974 31.416 182.167 31.416 175.004C31.418 167.843 37.386 162.035 44.76 162.031L152.594 162.031C166.903 158.307 180.441 148.205 185.424 143.621C185.521 143.813 185.595 144.026 185.694 144.237C192.613 138.707 201.47 135.38 211.129 135.378C233.26 135.378 251.21 152.807 251.21 174.295Z\" />\n      <path d=\"M316.25 81.148C316.248 88.308 310.296 94.117 302.921 94.12L195.579 94.12C183.288 97.318 171.559 105.225 165.336 110.297C164.562 111.007 163.771 111.697 162.94 112.346C162.87 112.409 162.8 112.469 162.734 112.531L162.734 112.5C155.899 117.768 147.273 120.941 137.87 120.943C115.738 120.943 97.789 103.514 97.789 82.026C97.793 60.541 115.741 43.125 137.87 43.125C150.024 43.127 160.892 48.4 168.24 56.698C180.886 66.114 191.493 68.357 195.69 68.176L302.89 68.176C310.268 68.176 316.25 73.984 316.25 81.148Z\" />\n      <path d=\"M316.25 262.08C316.248 269.241 310.296 275.049 302.921 275.053L195.579 275.053C183.288 278.25 171.559 286.157 165.336 291.229C164.562 291.939 163.771 292.629 162.94 293.278C162.87 293.341 162.8 293.402 162.734 293.463L162.734 293.432C155.899 298.701 147.273 301.873 137.87 301.875C115.738 301.875 97.789 284.447 97.789 262.959C97.793 241.473 115.741 224.057 137.87 224.057C150.024 224.059 160.892 229.333 168.24 237.63C180.886 247.046 191.493 249.29 195.69 249.108L302.89 249.108C310.268 249.108 316.25 254.916 316.25 262.08Z\" />\n      <path d=\"M314.679 175.681C314.679 185.152 306.773 192.829 297.019 192.829L287.07 192.829C277.32 192.825 269.41 185.15 269.41 175.681C269.41 166.213 277.32 158.538 287.07 158.534L297.019 158.534C306.773 158.534 314.679 166.211 314.679 175.681Z\" />\n    </svg>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ProductIcon-hkExeSRM.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+
+function ProductIcon({ product }) {
+  if (product === "factory") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Factory, { "aria-hidden": "true" });
+  if (product === "workers") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cpu, { "aria-hidden": "true" });
+  if (product === "persistent-server") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Infinity, { "aria-hidden": "true" });
+  if (product === "server") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.051 21.494C9.026 21.494 6.331 20.078 4.594 17.878C4.253 17.445 4.327 16.818 4.759 16.476C5.192 16.135 5.819 16.209 6.161 16.641C7.536 18.383 9.663 19.498 12.051 19.498C16.192 19.498 19.549 16.141 19.549 12C19.549 7.858 16.192 4.501 12.051 4.501C9.663 4.501 7.536 5.617 6.161 7.359C5.819 7.791 5.192 7.865 4.759 7.524C4.327 7.182 4.253 6.555 4.594 6.122C6.331 3.921 9.026 2.506 12.051 2.506C17.294 2.506 21.545 6.756 21.545 12C21.545 17.243 17.294 21.494 12.051 21.494Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.982 16.706C9.992 16.706 8.291 15.471 7.603 13.725C7.44 13.312 7.066 12.998 6.622 12.998H2.973C2.422 12.998 1.976 12.551 1.976 12C1.976 11.449 2.422 11.002 2.973 11.002H6.622C7.066 11.002 7.44 10.688 7.603 10.275C8.291 8.529 9.992 7.294 11.982 7.293C14.582 7.294 16.689 9.401 16.689 12C16.689 14.599 14.582 16.706 11.982 16.706Z" })
+    ] });
+  }
+  if (product === "observability") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 385 385", fill: "currentColor", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M192.5 341.731C110.082 341.731 43.269 274.918 43.269 192.5C43.269 151.88 59.533 115.087 85.864 88.182C86.272 87.66 86.715 87.158 87.195 86.678C87.699 86.174 88.228 85.709 88.777 85.284C92.189 81.983 95.733 78.819 99.446 75.853L109.096 85.503C109.546 85.867 109.993 86.259 110.412 86.678L204.375 180.641C210.786 187.052 210.786 197.446 204.375 203.857C197.963 210.268 187.569 210.269 181.158 203.857L145.064 167.764C141.193 175.164 139.002 183.582 139.002 192.515C139.003 222.071 162.96 246.029 192.516 246.029C201.504 246.029 209.974 243.813 217.41 239.898C225.461 235.658 235.852 235.334 242.285 241.768C248.67 248.152 248.759 258.653 241.315 263.762C227.432 273.289 210.625 278.864 192.516 278.865C144.826 278.865 106.168 240.205 106.166 192.515C106.166 174.472 111.713 157.729 121.174 143.873L99.634 122.333C84.87 141.844 76.104 166.146 76.104 192.5C76.104 256.784 128.216 308.896 192.5 308.896C218.855 308.896 243.165 300.136 262.676 285.37C269.92 279.888 280.28 279.763 286.704 286.187C293.102 292.585 293.166 303.036 286.123 308.716C260.52 329.367 227.954 341.731 192.5 341.731Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "259.9", cy: "208.11", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "252.047", cy: "154.168", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "203.28", cy: "123.043", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "313.628", cy: "250.323", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "325.92", cy: "198.426", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "319.774", cy: "146.528", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "292.46", cy: "103.85", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "251.488", cy: "71.414", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "201.981", cy: "58.44", r: "16.73" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "150.451", cy: "66.263", r: "16.73" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 345 345", fill: "currentColor", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M74.019 83.613C74.019 93.084 66.113 100.76 56.359 100.76L46.41 100.76C36.66 100.756 28.75 93.081 28.75 83.613C28.75 74.145 36.66 66.47 46.41 66.466L56.359 66.466C66.113 66.466 74.019 74.142 74.019 83.613Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M74.019 263.806C74.019 273.276 66.113 280.953 56.359 280.953L46.41 280.953C36.66 280.949 28.75 273.274 28.75 263.806C28.75 254.338 36.66 246.663 46.41 246.659L56.359 246.659C66.113 246.659 74.019 254.335 74.019 263.806Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M251.21 174.295C251.205 195.779 233.257 213.196 211.129 213.196C199.853 213.194 189.69 208.645 182.409 201.364C169.629 191.084 158.568 188.17 153.499 187.976L44.776 187.976C37.398 187.974 31.416 182.167 31.416 175.004C31.418 167.843 37.386 162.035 44.76 162.031L152.594 162.031C166.903 158.307 180.441 148.205 185.424 143.621C185.521 143.813 185.595 144.026 185.694 144.237C192.613 138.707 201.47 135.38 211.129 135.378C233.26 135.378 251.21 152.807 251.21 174.295Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M316.25 81.148C316.248 88.308 310.296 94.117 302.921 94.12L195.579 94.12C183.288 97.318 171.559 105.225 165.336 110.297C164.562 111.007 163.771 111.697 162.94 112.346C162.87 112.409 162.8 112.469 162.734 112.531L162.734 112.5C155.899 117.768 147.273 120.941 137.87 120.943C115.738 120.943 97.789 103.514 97.789 82.026C97.793 60.541 115.741 43.125 137.87 43.125C150.024 43.127 160.892 48.4 168.24 56.698C180.886 66.114 191.493 68.357 195.69 68.176L302.89 68.176C310.268 68.176 316.25 73.984 316.25 81.148Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M316.25 262.08C316.248 269.241 310.296 275.049 302.921 275.053L195.579 275.053C183.288 278.25 171.559 286.157 165.336 291.229C164.562 291.939 163.771 292.629 162.94 293.278C162.87 293.341 162.8 293.402 162.734 293.463L162.734 293.432C155.899 298.701 147.273 301.873 137.87 301.875C115.738 301.875 97.789 284.447 97.789 262.959C97.793 241.473 115.741 224.057 137.87 224.057C150.024 224.059 160.892 229.333 168.24 237.63C180.886 247.046 191.493 249.29 195.69 249.108L302.89 249.108C310.268 249.108 316.25 254.916 316.25 262.08Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M314.679 175.681C314.679 185.152 306.773 192.829 297.019 192.829L287.07 192.829C277.32 192.825 269.41 185.15 269.41 175.681C269.41 166.213 277.32 158.538 287.07 158.534L297.019 158.534C306.773 158.534 314.679 166.211 314.679 175.681Z" })
+  ] });
+}
+
+exports.ProductIcon = ProductIcon;
+//# sourceMappingURL=ProductIcon-hkExeSRM.cjs.map

package/dist/ProductIcon-hkExeSRM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductIcon-hkExeSRM.cjs","sources":["../src/ds/components/ProductAvatar/ProductIcon.tsx"],"sourcesContent":["import { Cpu, Factory, Infinity } from 'lucide-react';\nimport type { Product } from './product-identity';\n\nexport function ProductIcon({ product }: { product: Product }) {\n  if (product === 'factory') return <Factory aria-hidden=\"true\" />;\n  if (product === 'workers') return <Cpu aria-hidden=\"true\" />;\n  if (product === 'persistent-server') return <Infinity aria-hidden=\"true\" />;\n  if (product === 'server') {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M12.051 21.494C9.026 21.494 6.331 20.078 4.594 17.878C4.253 17.445 4.327 16.818 4.759 16.476C5.192 16.135 5.819 16.209 6.161 16.641C7.536 18.383 9.663 19.498 12.051 19.498C16.192 19.498 19.549 16.141 19.549 12C19.549 7.858 16.192 4.501 12.051 4.501C9.663 4.501 7.536 5.617 6.161 7.359C5.819 7.791 5.192 7.865 4.759 7.524C4.327 7.182 4.253 6.555 4.594 6.122C6.331 3.921 9.026 2.506 12.051 2.506C17.294 2.506 21.545 6.756 21.545 12C21.545 17.243 17.294 21.494 12.051 21.494Z\" />\n        <path d=\"M11.982 16.706C9.992 16.706 8.291 15.471 7.603 13.725C7.44 13.312 7.066 12.998 6.622 12.998H2.973C2.422 12.998 1.976 12.551 1.976 12C1.976 11.449 2.422 11.002 2.973 11.002H6.622C7.066 11.002 7.44 10.688 7.603 10.275C8.291 8.529 9.992 7.294 11.982 7.293C14.582 7.294 16.689 9.401 16.689 12C16.689 14.599 14.582 16.706 11.982 16.706Z\" />\n      </svg>\n    );\n  }\n  if (product === 'observability') {\n    return (\n      <svg viewBox=\"0 0 385 385\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M192.5 341.731C110.082 341.731 43.269 274.918 43.269 192.5C43.269 151.88 59.533 115.087 85.864 88.182C86.272 87.66 86.715 87.158 87.195 86.678C87.699 86.174 88.228 85.709 88.777 85.284C92.189 81.983 95.733 78.819 99.446 75.853L109.096 85.503C109.546 85.867 109.993 86.259 110.412 86.678L204.375 180.641C210.786 187.052 210.786 197.446 204.375 203.857C197.963 210.268 187.569 210.269 181.158 203.857L145.064 167.764C141.193 175.164 139.002 183.582 139.002 192.515C139.003 222.071 162.96 246.029 192.516 246.029C201.504 246.029 209.974 243.813 217.41 239.898C225.461 235.658 235.852 235.334 242.285 241.768C248.67 248.152 248.759 258.653 241.315 263.762C227.432 273.289 210.625 278.864 192.516 278.865C144.826 278.865 106.168 240.205 106.166 192.515C106.166 174.472 111.713 157.729 121.174 143.873L99.634 122.333C84.87 141.844 76.104 166.146 76.104 192.5C76.104 256.784 128.216 308.896 192.5 308.896C218.855 308.896 243.165 300.136 262.676 285.37C269.92 279.888 280.28 279.763 286.704 286.187C293.102 292.585 293.166 303.036 286.123 308.716C260.52 329.367 227.954 341.731 192.5 341.731Z\" />\n        <circle cx=\"259.9\" cy=\"208.11\" r=\"16.73\" />\n        <circle cx=\"252.047\" cy=\"154.168\" r=\"16.73\" />\n        <circle cx=\"203.28\" cy=\"123.043\" r=\"16.73\" />\n        <circle cx=\"313.628\" cy=\"250.323\" r=\"16.73\" />\n        <circle cx=\"325.92\" cy=\"198.426\" r=\"16.73\" />\n        <circle cx=\"319.774\" cy=\"146.528\" r=\"16.73\" />\n        <circle cx=\"292.46\" cy=\"103.85\" r=\"16.73\" />\n        <circle cx=\"251.488\" cy=\"71.414\" r=\"16.73\" />\n        <circle cx=\"201.981\" cy=\"58.44\" r=\"16.73\" />\n        <circle cx=\"150.451\" cy=\"66.263\" r=\"16.73\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 345 345\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M74.019 83.613C74.019 93.084 66.113 100.76 56.359 100.76L46.41 100.76C36.66 100.756 28.75 93.081 28.75 83.613C28.75 74.145 36.66 66.47 46.41 66.466L56.359 66.466C66.113 66.466 74.019 74.142 74.019 83.613Z\" />\n      <path d=\"M74.019 263.806C74.019 273.276 66.113 280.953 56.359 280.953L46.41 280.953C36.66 280.949 28.75 273.274 28.75 263.806C28.75 254.338 36.66 246.663 46.41 246.659L56.359 246.659C66.113 246.659 74.019 254.335 74.019 263.806Z\" />\n      <path d=\"M251.21 174.295C251.205 195.779 233.257 213.196 211.129 213.196C199.853 213.194 189.69 208.645 182.409 201.364C169.629 191.084 158.568 188.17 153.499 187.976L44.776 187.976C37.398 187.974 31.416 182.167 31.416 175.004C31.418 167.843 37.386 162.035 44.76 162.031L152.594 162.031C166.903 158.307 180.441 148.205 185.424 143.621C185.521 143.813 185.595 144.026 185.694 144.237C192.613 138.707 201.47 135.38 211.129 135.378C233.26 135.378 251.21 152.807 251.21 174.295Z\" />\n      <path d=\"M316.25 81.148C316.248 88.308 310.296 94.117 302.921 94.12L195.579 94.12C183.288 97.318 171.559 105.225 165.336 110.297C164.562 111.007 163.771 111.697 162.94 112.346C162.87 112.409 162.8 112.469 162.734 112.531L162.734 112.5C155.899 117.768 147.273 120.941 137.87 120.943C115.738 120.943 97.789 103.514 97.789 82.026C97.793 60.541 115.741 43.125 137.87 43.125C150.024 43.127 160.892 48.4 168.24 56.698C180.886 66.114 191.493 68.357 195.69 68.176L302.89 68.176C310.268 68.176 316.25 73.984 316.25 81.148Z\" />\n      <path d=\"M316.25 262.08C316.248 269.241 310.296 275.049 302.921 275.053L195.579 275.053C183.288 278.25 171.559 286.157 165.336 291.229C164.562 291.939 163.771 292.629 162.94 293.278C162.87 293.341 162.8 293.402 162.734 293.463L162.734 293.432C155.899 298.701 147.273 301.873 137.87 301.875C115.738 301.875 97.789 284.447 97.789 262.959C97.793 241.473 115.741 224.057 137.87 224.057C150.024 224.059 160.892 229.333 168.24 237.63C180.886 247.046 191.493 249.29 195.69 249.108L302.89 249.108C310.268 249.108 316.25 254.916 316.25 262.08Z\" />\n      <path d=\"M314.679 175.681C314.679 185.152 306.773 192.829 297.019 192.829L287.07 192.829C277.32 192.825 269.41 185.15 269.41 175.681C269.41 166.213 277.32 158.538 287.07 158.534L297.019 158.534C306.773 158.534 314.679 166.211 314.679 175.681Z\" />\n    </svg>\n  );\n}\n"],"names":["jsx","Factory","Cpu","Infinity"],"mappings":"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"}

package/dist/PullRequestIcon.css

@@ -1,7 +1,7 @@
 .pull-request-icon-merged {
-  color: oklch(0.714 0.203 305.5) !important;
+  color: var(--purple-400) !important;
 }
 
 html.light .pull-request-icon-merged {
-  color: oklch(0.496 0.265 302) !important;
+  color: var(--purple-700) !important;
 }

package/dist/TokenBudget.css

@@ -1,10 +1,6 @@
 /* Hatching reads as provisional: the slice of the fill a pending pass will free. */
 .token-budget-hatch {
-  background-image: repeating-linear-gradient(
-    -45deg,
-    currentcolor 0 1.5px,
-    color-mix(in oklab, currentcolor 25%, transparent) 1.5px 4px
-  );
+  background-image: repeating-linear-gradient(-45deg, currentcolor 0 1.5px, transparent 1.5px 4px);
 }
 
 .token-budget-dial {
@@ -20,7 +16,7 @@
 }
 
 .token-budget-track {
-  stroke: color-mix(in oklab, currentcolor 22%, transparent);
+  stroke: var(--border-strong);
 }
 
 /* The wedge starts at noon rather than at three o'clock. */