@mastra/playground-ui 51.3.2-alpha.0 → 51.4.0-alpha.2

package/dist/{traces-data-list-BLZgf-Es.cjs → traces-data-list-COksp2d4.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTopCell = require('./data-list-top-cell-BOXO5s7I.cjs');
-const dataList = require('./data-list-CCacNODd.cjs');
+const dataListTopCell = require('./data-list-top-cell-DAztx3m8.cjs');
+const dataList = require('./data-list-CRDewYj9.cjs');
 const lucideReact = require('lucide-react');
+const Badge = require('./Badge-DcllBqFg.cjs');
 const tooltip = require('./tooltip-DMOZ2oaq.cjs');
 const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('./icons/WorkflowIcon.cjs.js');
-const spacings = require('./spacings-BP8L49kn.cjs');
 const utils_cn = require('./cn-vA5sWo9W.cjs');
 
 function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
@@ -46,19 +46,19 @@ function TracesDataListEntityCell({ entityType, entityName }) {
     entityName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd min-w-0 truncate", children: entityName }) : "-"
   ] });
 }
-const UNSET_STATUS_CONFIG = { label: "-", color: spacings.Colors.neutral4 };
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
 const STATUS_CONFIG = {
-  completed: { label: "OK", color: spacings.Colors.accent1 },
-  ok: { label: "OK", color: spacings.Colors.accent1 },
-  success: { label: "OK", color: spacings.Colors.accent1 },
-  error: { label: "ERR", color: spacings.Colors.error },
-  running: { label: "RUN", color: spacings.Colors.neutral4 },
+  completed: { label: "OK", variant: "green" },
+  ok: { label: "OK", variant: "green" },
+  success: { label: "OK", variant: "green" },
+  error: { label: "ERR", variant: "red" },
+  running: { label: "RUN", variant: "neutral" },
   unset: UNSET_STATUS_CONFIG
 };
 function TracesDataListStatusCell({ status }) {
   const key = (status ?? "unset").toLowerCase();
   const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: config.variant, children: config.label }) });
 }
 
 function TracesDataListRoot(props) {
@@ -74,8 +74,7 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   SubHeading: dataList.DataListSubHeading,
   Spacer: dataListTopCell.DataListSpacer,
   IdCell: dataListTopCell.DataListIdCell,
-  DateCell: dataListTopCell.DataListDateCell,
-  TimeCell: dataListTopCell.DataListTimeCell,
+  CreatedCell: dataListTopCell.DataListCreatedCell,
   NameCell: TracesDataListNameCell,
   InputCell: TracesDataListInputCell,
   EntityCell: TracesDataListEntityCell,
@@ -84,4 +83,4 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
 });
 
 exports.TracesDataList = TracesDataList;
-//# sourceMappingURL=traces-data-list-BLZgf-Es.cjs.map
+//# sourceMappingURL=traces-data-list-COksp2d4.cjs.map

package/dist/traces-data-list-COksp2d4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-COksp2d4.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral4 flex min-w-0 items-center gap-2\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"text-ui-smd min-w-0 truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'green' },\n  ok: { label: 'OK', variant: 'green' },\n  success: { label: 'OK', variant: 'green' },\n  error: { label: 'ERR', variant: 'red' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListTextCell","AgentIcon","WorkflowIcon","Badge","DataListRoot","DataListTop","DataListTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListCreatedCell","DataListNextPageLoading"],"mappings":"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"}

package/dist/{traces-data-list-DmXGwe4Q.js → traces-data-list-c5I-8hwt.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { a as DataListCell, b as DataListTextCell, c as DataListNextPageLoading, e as DataListTimeCell, f as DataListDateCell, p as DataListIdCell, h as DataListSpacer, g as DataListNoMatch, j as DataListRowButton, m as DataListTopCellWithTooltip, n as DataListTopCell, o as DataListTop, D as DataListRoot } from './data-list-top-cell-CC5jjv5s.js';
-import { a as DataListSubHeading, b as DataListSubheader } from './data-list-BOI8fRuk.js';
+import { a as DataListCell, b as DataListTextCell, c as DataListNextPageLoading, p as DataListCreatedCell, q as DataListIdCell, h as DataListSpacer, g as DataListNoMatch, j as DataListRowButton, m as DataListTopCellWithTooltip, n as DataListTopCell, o as DataListTop, D as DataListRoot } from './data-list-top-cell-hNkk6S-Q.js';
+import { a as DataListSubHeading, b as DataListSubheader } from './data-list-C3tjx5Vb.js';
 import { ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
+import { B as Badge } from './Badge-uGehUtus.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CF30mRAe.js';
 import { AgentIcon } from './icons/AgentIcon.es.js';
 import { WorkflowIcon } from './icons/WorkflowIcon.es.js';
-import { C as Colors } from './spacings-C87dXiT-.js';
 import { c as cn } from './cn-BakJzhuv.js';
 
 function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
@@ -44,19 +44,19 @@ function TracesDataListEntityCell({ entityType, entityName }) {
     entityName ? /* @__PURE__ */ jsx("span", { className: "text-ui-smd min-w-0 truncate", children: entityName }) : "-"
   ] });
 }
-const UNSET_STATUS_CONFIG = { label: "-", color: Colors.neutral4 };
+const UNSET_STATUS_CONFIG = { label: "-", variant: "neutral" };
 const STATUS_CONFIG = {
-  completed: { label: "OK", color: Colors.accent1 },
-  ok: { label: "OK", color: Colors.accent1 },
-  success: { label: "OK", color: Colors.accent1 },
-  error: { label: "ERR", color: Colors.error },
-  running: { label: "RUN", color: Colors.neutral4 },
+  completed: { label: "OK", variant: "green" },
+  ok: { label: "OK", variant: "green" },
+  success: { label: "OK", variant: "green" },
+  error: { label: "ERR", variant: "red" },
+  running: { label: "RUN", variant: "neutral" },
   unset: UNSET_STATUS_CONFIG
 };
 function TracesDataListStatusCell({ status }) {
   const key = (status ?? "unset").toLowerCase();
   const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
-  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: config.variant, children: config.label }) });
 }
 
 function TracesDataListRoot(props) {
@@ -72,8 +72,7 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   SubHeading: DataListSubHeading,
   Spacer: DataListSpacer,
   IdCell: DataListIdCell,
-  DateCell: DataListDateCell,
-  TimeCell: DataListTimeCell,
+  CreatedCell: DataListCreatedCell,
   NameCell: TracesDataListNameCell,
   InputCell: TracesDataListInputCell,
   EntityCell: TracesDataListEntityCell,
@@ -82,4 +81,4 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
 });
 
 export { TracesDataList as T };
-//# sourceMappingURL=traces-data-list-DmXGwe4Q.js.map
+//# sourceMappingURL=traces-data-list-c5I-8hwt.js.map

package/dist/traces-data-list-c5I-8hwt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-c5I-8hwt.js","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral4 flex min-w-0 items-center gap-2\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"text-ui-smd min-w-0 truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'green' },\n  ok: { label: 'OK', variant: 'green' },\n  success: { label: 'OK', variant: 'green' },\n  error: { label: 'ERR', variant: 'red' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

package/dist/use-text-highlight.css

@@ -6,3 +6,11 @@
   background-color: var(--color-accent6);
   color: var(--color-surface1);
 }
+
+/* The indirect match is a hint, not the answer: same hue, muted pairing (`accent6Dark`
+   background with `accent6` text, as `StatusBadge` uses for warnings) so it reads as related
+   to the direct highlight without competing with it. Both themes define the pair. */
+::highlight(search-result-indirect) {
+  background-color: var(--color-accent6Dark);
+  color: var(--color-accent6);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "51.3.2-alpha.0",
+  "version": "51.4.0-alpha.2",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -161,8 +161,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.42.5-alpha.0",
-    "@mastra/react": "1.4.10-alpha.0"
+    "@mastra/react": "1.4.10-alpha.1",
+    "@mastra/client-js": "^1.42.5-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -202,11 +202,11 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
-    "@mastra/client-js": "^1.42.5-alpha.0",
     "@internal/lint": "0.0.129",
-    "@mastra/core": "1.63.3-alpha.0",
-    "@mastra/memory": "1.28.1",
-    "@mastra/react": "1.4.10-alpha.0"
+    "@mastra/client-js": "^1.42.5-alpha.1",
+    "@mastra/core": "1.63.3-alpha.1",
+    "@mastra/memory": "1.28.2-alpha.0",
+    "@mastra/react": "1.4.10-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/theme.css

@@ -71,6 +71,24 @@
   --notice-note: oklch(0.18 0 0);
   --notice-note-fg: oklch(0.99 0.001 230);
 
+  --badge-neutral-fg: var(--neutral5);
+  --badge-green: oklch(80% 0.105 160deg);
+  --badge-green-fg: oklch(92% 0.05 160deg);
+  --badge-red: oklch(69% 0.24 22deg);
+  --badge-red-fg: oklch(95% 0.014 18deg);
+  --badge-blue: oklch(81% 0.12 230deg);
+  --badge-blue-fg: oklch(97% 0.013 224deg);
+  --badge-yellow: oklch(91% 0.16 105deg);
+  --badge-yellow-fg: oklch(97% 0.025 100deg);
+  --badge-purple: oklch(82% 0.12 303deg);
+  --badge-purple-fg: oklch(93% 0.045 303deg);
+  --badge-orange: oklch(84% 0.13 62deg);
+  --badge-orange-fg: oklch(93% 0.06 62deg);
+  --badge-cyan: oklch(84% 0.1 210deg);
+  --badge-cyan-fg: oklch(93% 0.05 210deg);
+  --badge-pink: oklch(82% 0.12 345deg);
+  --badge-pink-fg: oklch(93% 0.045 345deg);
+
   /* Brand green (dark). Remaps Tailwind green-* via @theme below. */
   --brand-green-50: oklch(99% 0.024 138);
   --brand-green-100: oklch(97.5% 0.055 138);
@@ -158,6 +176,24 @@ html.light {
   --notice-note: oklch(0.97 0 0);
   --notice-note-fg: oklch(0.18 0 0);
 
+  --badge-neutral-fg: var(--neutral3);
+  --badge-green: oklch(40% 0.095 160deg);
+  --badge-green-fg: oklch(35% 0.085 160deg);
+  --badge-red: oklch(55% 0.22 22deg);
+  --badge-red-fg: oklch(36% 0.18 22deg);
+  --badge-blue: oklch(55% 0.15 230deg);
+  --badge-blue-fg: oklch(36% 0.13 225deg);
+  --badge-yellow: oklch(65% 0.16 95deg);
+  --badge-yellow-fg: oklch(36% 0.1 95deg);
+  --badge-purple: oklch(40% 0.18 303deg);
+  --badge-purple-fg: oklch(37% 0.16 303deg);
+  --badge-orange: oklch(42% 0.13 62deg);
+  --badge-orange-fg: oklch(37% 0.12 62deg);
+  --badge-cyan: oklch(40% 0.11 210deg);
+  --badge-cyan-fg: oklch(35% 0.095 210deg);
+  --badge-pink: oklch(42% 0.17 345deg);
+  --badge-pink-fg: oklch(37% 0.15 345deg);
+
   /* Brand green (light). badge + chart inherit :root. */
   --brand-green-50: oklch(97.8% 0.025 140);
   --brand-green-100: oklch(95.5% 0.055 140);
@@ -352,6 +388,23 @@ html.light {
   --color-notice-info-fg: var(--notice-info-fg);
   --color-notice-note: var(--notice-note);
   --color-notice-note-fg: var(--notice-note-fg);
+  --color-badge-neutral-fg: var(--badge-neutral-fg);
+  --color-badge-green: var(--badge-green);
+  --color-badge-green-fg: var(--badge-green-fg);
+  --color-badge-red: var(--badge-red);
+  --color-badge-red-fg: var(--badge-red-fg);
+  --color-badge-blue: var(--badge-blue);
+  --color-badge-blue-fg: var(--badge-blue-fg);
+  --color-badge-yellow: var(--badge-yellow);
+  --color-badge-yellow-fg: var(--badge-yellow-fg);
+  --color-badge-purple: var(--badge-purple);
+  --color-badge-purple-fg: var(--badge-purple-fg);
+  --color-badge-orange: var(--badge-orange);
+  --color-badge-orange-fg: var(--badge-orange-fg);
+  --color-badge-cyan: var(--badge-cyan);
+  --color-badge-cyan-fg: var(--badge-cyan-fg);
+  --color-badge-pink: var(--badge-pink);
+  --color-badge-pink-fg: var(--badge-pink-fg);
 
   /* Replace Tailwind green with brand green. initial clears defaults (native v4), then remap. */
   --color-green-*: initial;

package/dist/Badge-BlJpI3fY.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-C-Lt4Bx_.cjs');
-const icons_Icon = require('./icons/Icon.cjs.js');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-vA5sWo9W.cjs');
-
-const badgeVariants = index.cva("inline-flex w-fit max-w-full shrink-0 items-center rounded-full border font-mono", {
-  variants: {
-    variant: {
-      default: "border-border1 bg-surface4 text-neutral5",
-      success: "border-notice-success/20 bg-notice-success/20 text-notice-success-fg",
-      error: "border-notice-destructive/20 bg-notice-destructive/20 text-notice-destructive-fg",
-      info: "border-notice-info/20 bg-notice-info/20 text-notice-info-fg",
-      warning: "border-notice-warning/20 bg-notice-warning/20 text-notice-warning-fg"
-    },
-    size: {
-      md: "h-badge-default gap-1 text-ui-sm",
-      sm: "h-form-xs gap-1 text-ui-xs",
-      xs: "h-5 gap-0.5 text-ui-xs"
-    },
-    withIcon: {
-      true: "",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    { size: "md", withIcon: false, className: "px-2.5" },
-    { size: "md", withIcon: true, className: "pl-2 pr-2.5" },
-    { size: "sm", withIcon: false, className: "px-2" },
-    { size: "sm", withIcon: true, className: "pl-1.5 pr-2" },
-    { size: "xs", withIcon: false, className: "px-1.5" },
-    { size: "xs", withIcon: true, className: "pl-1 pr-1.5" }
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    withIcon: false
-  }
-});
-const Badge = ({ icon, variant, size, className, children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils_cn.cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), primitives_transitions.transitions.colors, className),
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", children: icon }),
-        children
-      ]
-    }
-  );
-};
-
-exports.Badge = Badge;
-//# sourceMappingURL=Badge-BlJpI3fY.cjs.map

package/dist/Badge-BlJpI3fY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-BlJpI3fY.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva('inline-flex w-fit max-w-full shrink-0 items-center rounded-full border font-mono', {\n  variants: {\n    variant: {\n      default: 'border-border1 bg-surface4 text-neutral5',\n      success: 'border-notice-success/20 bg-notice-success/20 text-notice-success-fg',\n      error: 'border-notice-destructive/20 bg-notice-destructive/20 text-notice-destructive-fg',\n      info: 'border-notice-info/20 bg-notice-info/20 text-notice-info-fg',\n      warning: 'border-notice-warning/20 bg-notice-warning/20 text-notice-warning-fg',\n    },\n    size: {\n      md: 'h-badge-default gap-1 text-ui-sm',\n      sm: 'h-form-xs gap-1 text-ui-xs',\n      xs: 'h-5 gap-0.5 text-ui-xs',\n    },\n    withIcon: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { size: 'md', withIcon: false, className: 'px-2.5' },\n    { size: 'md', withIcon: true, className: 'pl-2 pr-2.5' },\n    { size: 'sm', withIcon: false, className: 'px-2' },\n    { size: 'sm', withIcon: true, className: 'pl-1.5 pr-2' },\n    { size: 'xs', withIcon: false, className: 'px-1.5' },\n    { size: 'xs', withIcon: true, className: 'pl-1 pr-1.5' },\n  ],\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    withIcon: false,\n  },\n});\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof badgeVariants>, 'withIcon'> {\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport const Badge = ({ icon, variant, size, className, children, ...props }: BadgeProps) => {\n  return (\n    <div\n      className={cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.colors, className)}\n      {...props}\n    >\n      {icon && <Icon size=\"sm\">{icon}</Icon>}\n      {children}\n    </div>\n  );\n};\n"],"names":["cva","jsxs","cn","transitions","jsx","Icon"],"mappings":";;;;;;;;AAQA,MAAM,aAAA,GAAgBA,UAAI,kFAAA,EAAoF;AAAA,EAC5G,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,0CAAA;AAAA,MACT,OAAA,EAAS,sEAAA;AAAA,MACT,KAAA,EAAO,kFAAA;AAAA,MACP,IAAA,EAAM,6DAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kCAAA;AAAA,MACJ,EAAA,EAAI,4BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,MAAA,EAAO;AAAA,IACjD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA;AAAc,GACzD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAQM,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,MAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC3F,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,OAAA,CAAQ,IAAI,CAAA,EAAG,CAAA,EAAGC,kCAAA,CAAY,QAAQ,SAAS,CAAA;AAAA,MACrG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQC,cAAA,CAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/Badge-woV6OD8k.js

@@ -1,55 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-CSm06eOE.js';
-import { Icon } from './icons/Icon.es.js';
-import { transitions } from './primitives/transitions.es.js';
-import { c as cn } from './cn-BakJzhuv.js';
-
-const badgeVariants = cva("inline-flex w-fit max-w-full shrink-0 items-center rounded-full border font-mono", {
-  variants: {
-    variant: {
-      default: "border-border1 bg-surface4 text-neutral5",
-      success: "border-notice-success/20 bg-notice-success/20 text-notice-success-fg",
-      error: "border-notice-destructive/20 bg-notice-destructive/20 text-notice-destructive-fg",
-      info: "border-notice-info/20 bg-notice-info/20 text-notice-info-fg",
-      warning: "border-notice-warning/20 bg-notice-warning/20 text-notice-warning-fg"
-    },
-    size: {
-      md: "h-badge-default gap-1 text-ui-sm",
-      sm: "h-form-xs gap-1 text-ui-xs",
-      xs: "h-5 gap-0.5 text-ui-xs"
-    },
-    withIcon: {
-      true: "",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    { size: "md", withIcon: false, className: "px-2.5" },
-    { size: "md", withIcon: true, className: "pl-2 pr-2.5" },
-    { size: "sm", withIcon: false, className: "px-2" },
-    { size: "sm", withIcon: true, className: "pl-1.5 pr-2" },
-    { size: "xs", withIcon: false, className: "px-1.5" },
-    { size: "xs", withIcon: true, className: "pl-1 pr-1.5" }
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    withIcon: false
-  }
-});
-const Badge = ({ icon, variant, size, className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.colors, className),
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsx(Icon, { size: "sm", children: icon }),
-        children
-      ]
-    }
-  );
-};
-
-export { Badge as B };
-//# sourceMappingURL=Badge-woV6OD8k.js.map

package/dist/Badge-woV6OD8k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-woV6OD8k.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva('inline-flex w-fit max-w-full shrink-0 items-center rounded-full border font-mono', {\n  variants: {\n    variant: {\n      default: 'border-border1 bg-surface4 text-neutral5',\n      success: 'border-notice-success/20 bg-notice-success/20 text-notice-success-fg',\n      error: 'border-notice-destructive/20 bg-notice-destructive/20 text-notice-destructive-fg',\n      info: 'border-notice-info/20 bg-notice-info/20 text-notice-info-fg',\n      warning: 'border-notice-warning/20 bg-notice-warning/20 text-notice-warning-fg',\n    },\n    size: {\n      md: 'h-badge-default gap-1 text-ui-sm',\n      sm: 'h-form-xs gap-1 text-ui-xs',\n      xs: 'h-5 gap-0.5 text-ui-xs',\n    },\n    withIcon: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { size: 'md', withIcon: false, className: 'px-2.5' },\n    { size: 'md', withIcon: true, className: 'pl-2 pr-2.5' },\n    { size: 'sm', withIcon: false, className: 'px-2' },\n    { size: 'sm', withIcon: true, className: 'pl-1.5 pr-2' },\n    { size: 'xs', withIcon: false, className: 'px-1.5' },\n    { size: 'xs', withIcon: true, className: 'pl-1 pr-1.5' },\n  ],\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    withIcon: false,\n  },\n});\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof badgeVariants>, 'withIcon'> {\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nexport const Badge = ({ icon, variant, size, className, children, ...props }: BadgeProps) => {\n  return (\n    <div\n      className={cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.colors, className)}\n      {...props}\n    >\n      {icon && <Icon size=\"sm\">{icon}</Icon>}\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,aAAA,GAAgB,IAAI,kFAAA,EAAoF;AAAA,EAC5G,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,0CAAA;AAAA,MACT,OAAA,EAAS,sEAAA;AAAA,MACT,KAAA,EAAO,kFAAA;AAAA,MACP,IAAA,EAAM,6DAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kCAAA;AAAA,MACJ,EAAA,EAAI,4BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,MAAA,EAAO;AAAA,IACjD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA;AAAc,GACzD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAQM,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,MAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC3F,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,OAAA,CAAQ,IAAI,CAAA,EAAG,CAAA,EAAG,WAAA,CAAY,QAAQ,SAAS,CAAA;AAAA,MACrG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/chip-9P9t0dvN.cjs

@@ -1,68 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-vA5sWo9W.cjs');
-
-const sizeClasses = {
-  small: "text-[10.5px]   pt-[5px] pb-[4px]",
-  default: "text-[11.5px] pt-[5px] pb-[4px] ",
-  large: "text-[12.5px]   pt-[5px] pb-[4px] "
-};
-const bgColorClasses = {
-  gray: {
-    bright: "bg-neutral-500/30",
-    muted: "bg-neutral-500/10"
-  },
-  red: { bright: "bg-red-500/30", muted: "bg-red-500/10" },
-  orange: {
-    bright: "bg-orange-500/30",
-    muted: "bg-orange-500/10"
-  },
-  blue: { bright: "bg-blue-500/30", muted: "bg-blue-500/10" },
-  green: { bright: "bg-green-500/30", muted: "bg-green-500/10" },
-  purple: {
-    bright: "bg-purple-500/30",
-    muted: "bg-purple-500/10"
-  },
-  yellow: {
-    bright: "bg-yellow-500/30",
-    muted: "bg-yellow-500/10"
-  },
-  cyan: { bright: "bg-cyan-500/30", muted: "bg-cyan-500/10" },
-  pink: { bright: "bg-pink-500/30", muted: "bg-pink-500/10" }
-};
-const txtIntensityClasses = {
-  bright: "text-neutral4/90",
-  muted: "text-neutral3/90"
-};
-const Chip = ({
-  color = "gray",
-  size = "default",
-  intensity = "bright",
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: utils_cn.cn(
-        "inline-flex items-center gap-[0.4em] rounded-lg px-1.5 font-normal tracking-wide uppercase",
-        // general styles for svg icons within the chip
-        "[&>svg]:mx-[-0.2em] [&>svg]:size-[1em] [&>svg]:translate-y-[-0.02em]",
-        // if the chip has only one child and it's an svg, make it fully opaque
-        "[&>svg]:opacity-50 [&>svg:first-child:last-child]:opacity-100",
-        sizeClasses[size],
-        bgColorClasses[color][intensity],
-        txtIntensityClasses[intensity],
-        className
-      ),
-      style: { lineHeight: 1 },
-      ...props,
-      children
-    }
-  );
-};
-
-exports.Chip = Chip;
-//# sourceMappingURL=chip-9P9t0dvN.cjs.map

package/dist/chip-9P9t0dvN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip-9P9t0dvN.cjs","sources":["../src/ds/components/Chip/chip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizeClasses = {\n  small: 'text-[10.5px]   pt-[5px] pb-[4px]',\n  default: 'text-[11.5px] pt-[5px] pb-[4px] ',\n  large: 'text-[12.5px]   pt-[5px] pb-[4px] ',\n};\n\nconst bgColorClasses = {\n  gray: {\n    bright: 'bg-neutral-500/30',\n    muted: 'bg-neutral-500/10',\n  },\n  red: { bright: 'bg-red-500/30', muted: 'bg-red-500/10' },\n  orange: {\n    bright: 'bg-orange-500/30',\n    muted: 'bg-orange-500/10',\n  },\n  blue: { bright: 'bg-blue-500/30', muted: 'bg-blue-500/10' },\n  green: { bright: 'bg-green-500/30', muted: 'bg-green-500/10' },\n  purple: {\n    bright: 'bg-purple-500/30',\n    muted: 'bg-purple-500/10',\n  },\n  yellow: {\n    bright: 'bg-yellow-500/30',\n    muted: 'bg-yellow-500/10',\n  },\n  cyan: { bright: 'bg-cyan-500/30', muted: 'bg-cyan-500/10' },\n  pink: { bright: 'bg-pink-500/30', muted: 'bg-pink-500/10' },\n};\n\nconst txtIntensityClasses = {\n  bright: 'text-neutral4/90',\n  muted: 'text-neutral3/90',\n};\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: 'gray' | 'red' | 'orange' | 'blue' | 'green' | 'purple' | 'yellow' | 'cyan' | 'pink';\n  size?: 'small' | 'default' | 'large';\n  intensity?: 'bright' | 'muted';\n  children: React.ReactNode;\n}\n\nexport const Chip = ({\n  color = 'gray',\n  size = 'default',\n  intensity = 'bright',\n  className,\n  children,\n  ...props\n}: ChipProps) => {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-[0.4em] rounded-lg px-1.5 font-normal tracking-wide uppercase',\n        // general styles for svg icons within the chip\n        '[&>svg]:mx-[-0.2em] [&>svg]:size-[1em] [&>svg]:translate-y-[-0.02em]',\n        // if the chip has only one child and it's an svg, make it fully opaque\n        '[&>svg]:opacity-50 [&>svg:first-child:last-child]:opacity-100',\n        sizeClasses[size],\n        bgColorClasses[color][intensity],\n        txtIntensityClasses[intensity],\n        className,\n      )}\n      style={{ lineHeight: 1 }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"names":["jsx","cn"],"mappings":";;;;;AAIA,MAAM,WAAA,GAAc;AAAA,EAClB,KAAA,EAAO,mCAAA;AAAA,EACP,OAAA,EAAS,kCAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,mBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,GAAA,EAAK,EAAE,MAAA,EAAQ,eAAA,EAAiB,OAAO,eAAA,EAAgB;AAAA,EACvD,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA,EAAiB;AAAA,EAC1D,KAAA,EAAO,EAAE,MAAA,EAAQ,iBAAA,EAAmB,OAAO,iBAAA,EAAkB;AAAA,EAC7D,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA,EAAiB;AAAA,EAC1D,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA;AAC3C,CAAA;AAEA,MAAM,mBAAA,GAAsB;AAAA,EAC1B,MAAA,EAAQ,kBAAA;AAAA,EACR,KAAA,EAAO;AACT,CAAA;AASO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAA,GAAQ,MAAA;AAAA,EACR,IAAA,GAAO,SAAA;AAAA,EACP,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAiB;AACf,EAAA,uBACEA,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,4FAAA;AAAA;AAAA,QAEA,sEAAA;AAAA;AAAA,QAEA,+DAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,cAAA,CAAe,KAAK,CAAA,CAAE,SAAS,CAAA;AAAA,QAC/B,oBAAoB,SAAS,CAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,UAAA,EAAY,CAAA,EAAE;AAAA,MACtB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/chip-Bg0-95sX.js

@@ -1,66 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cn } from './cn-BakJzhuv.js';
-
-const sizeClasses = {
-  small: "text-[10.5px]   pt-[5px] pb-[4px]",
-  default: "text-[11.5px] pt-[5px] pb-[4px] ",
-  large: "text-[12.5px]   pt-[5px] pb-[4px] "
-};
-const bgColorClasses = {
-  gray: {
-    bright: "bg-neutral-500/30",
-    muted: "bg-neutral-500/10"
-  },
-  red: { bright: "bg-red-500/30", muted: "bg-red-500/10" },
-  orange: {
-    bright: "bg-orange-500/30",
-    muted: "bg-orange-500/10"
-  },
-  blue: { bright: "bg-blue-500/30", muted: "bg-blue-500/10" },
-  green: { bright: "bg-green-500/30", muted: "bg-green-500/10" },
-  purple: {
-    bright: "bg-purple-500/30",
-    muted: "bg-purple-500/10"
-  },
-  yellow: {
-    bright: "bg-yellow-500/30",
-    muted: "bg-yellow-500/10"
-  },
-  cyan: { bright: "bg-cyan-500/30", muted: "bg-cyan-500/10" },
-  pink: { bright: "bg-pink-500/30", muted: "bg-pink-500/10" }
-};
-const txtIntensityClasses = {
-  bright: "text-neutral4/90",
-  muted: "text-neutral3/90"
-};
-const Chip = ({
-  color = "gray",
-  size = "default",
-  intensity = "bright",
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center gap-[0.4em] rounded-lg px-1.5 font-normal tracking-wide uppercase",
-        // general styles for svg icons within the chip
-        "[&>svg]:mx-[-0.2em] [&>svg]:size-[1em] [&>svg]:translate-y-[-0.02em]",
-        // if the chip has only one child and it's an svg, make it fully opaque
-        "[&>svg]:opacity-50 [&>svg:first-child:last-child]:opacity-100",
-        sizeClasses[size],
-        bgColorClasses[color][intensity],
-        txtIntensityClasses[intensity],
-        className
-      ),
-      style: { lineHeight: 1 },
-      ...props,
-      children
-    }
-  );
-};
-
-export { Chip as C };
-//# sourceMappingURL=chip-Bg0-95sX.js.map

package/dist/chip-Bg0-95sX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip-Bg0-95sX.js","sources":["../src/ds/components/Chip/chip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizeClasses = {\n  small: 'text-[10.5px]   pt-[5px] pb-[4px]',\n  default: 'text-[11.5px] pt-[5px] pb-[4px] ',\n  large: 'text-[12.5px]   pt-[5px] pb-[4px] ',\n};\n\nconst bgColorClasses = {\n  gray: {\n    bright: 'bg-neutral-500/30',\n    muted: 'bg-neutral-500/10',\n  },\n  red: { bright: 'bg-red-500/30', muted: 'bg-red-500/10' },\n  orange: {\n    bright: 'bg-orange-500/30',\n    muted: 'bg-orange-500/10',\n  },\n  blue: { bright: 'bg-blue-500/30', muted: 'bg-blue-500/10' },\n  green: { bright: 'bg-green-500/30', muted: 'bg-green-500/10' },\n  purple: {\n    bright: 'bg-purple-500/30',\n    muted: 'bg-purple-500/10',\n  },\n  yellow: {\n    bright: 'bg-yellow-500/30',\n    muted: 'bg-yellow-500/10',\n  },\n  cyan: { bright: 'bg-cyan-500/30', muted: 'bg-cyan-500/10' },\n  pink: { bright: 'bg-pink-500/30', muted: 'bg-pink-500/10' },\n};\n\nconst txtIntensityClasses = {\n  bright: 'text-neutral4/90',\n  muted: 'text-neutral3/90',\n};\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  color?: 'gray' | 'red' | 'orange' | 'blue' | 'green' | 'purple' | 'yellow' | 'cyan' | 'pink';\n  size?: 'small' | 'default' | 'large';\n  intensity?: 'bright' | 'muted';\n  children: React.ReactNode;\n}\n\nexport const Chip = ({\n  color = 'gray',\n  size = 'default',\n  intensity = 'bright',\n  className,\n  children,\n  ...props\n}: ChipProps) => {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-[0.4em] rounded-lg px-1.5 font-normal tracking-wide uppercase',\n        // general styles for svg icons within the chip\n        '[&>svg]:mx-[-0.2em] [&>svg]:size-[1em] [&>svg]:translate-y-[-0.02em]',\n        // if the chip has only one child and it's an svg, make it fully opaque\n        '[&>svg]:opacity-50 [&>svg:first-child:last-child]:opacity-100',\n        sizeClasses[size],\n        bgColorClasses[color][intensity],\n        txtIntensityClasses[intensity],\n        className,\n      )}\n      style={{ lineHeight: 1 }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;AAIA,MAAM,WAAA,GAAc;AAAA,EAClB,KAAA,EAAO,mCAAA;AAAA,EACP,OAAA,EAAS,kCAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,mBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,GAAA,EAAK,EAAE,MAAA,EAAQ,eAAA,EAAiB,OAAO,eAAA,EAAgB;AAAA,EACvD,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA,EAAiB;AAAA,EAC1D,KAAA,EAAO,EAAE,MAAA,EAAQ,iBAAA,EAAmB,OAAO,iBAAA,EAAkB;AAAA,EAC7D,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,kBAAA;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA,EAAiB;AAAA,EAC1D,IAAA,EAAM,EAAE,MAAA,EAAQ,gBAAA,EAAkB,OAAO,gBAAA;AAC3C,CAAA;AAEA,MAAM,mBAAA,GAAsB;AAAA,EAC1B,MAAA,EAAQ,kBAAA;AAAA,EACR,KAAA,EAAO;AACT,CAAA;AASO,MAAM,OAAO,CAAC;AAAA,EACnB,KAAA,GAAQ,MAAA;AAAA,EACR,IAAA,GAAO,SAAA;AAAA,EACP,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAiB;AACf,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,4FAAA;AAAA;AAAA,QAEA,sEAAA;AAAA;AAAA,QAEA,+DAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,cAAA,CAAe,KAAK,CAAA,CAAE,SAAS,CAAA;AAAA,QAC/B,oBAAoB,SAAS,CAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,UAAA,EAAY,CAAA,EAAE;AAAA,MACtB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/Chip.cjs.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const chip = require('../chip-9P9t0dvN.cjs');
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const utils_cn = require('../cn-vA5sWo9W.cjs');
-
-const ChipsGroup = React.forwardRef(function ChipsGroup2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: utils_cn.cn(
-        "flex items-center gap-[1px] [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-
-exports.Chip = chip.Chip;
-exports.ChipsGroup = ChipsGroup;
-//# sourceMappingURL=Chip.cjs.js.map

package/dist/components/Chip.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.cjs.js","sources":["../../src/ds/components/Chip/chips-group.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ChipsGroupProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ChipsGroup = forwardRef<HTMLDivElement, ChipsGroupProps>(function ChipsGroup(\n  { children, className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center gap-[1px] [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["forwardRef","ChipsGroup","jsx","cn"],"mappings":";;;;;;;;;AAKO,MAAM,UAAA,GAAaA,gBAAA,CAA4C,SAASC,WAAAA,CAC7E,EAAE,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAChC,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,0GAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;;"}

package/dist/components/Chip.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/Chip/index'
-export {}