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

package/dist/components/Button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.es.js","sources":["../../src/ds/components/Button/CreateButton.tsx"],"sourcesContent":["import { Plus } from 'lucide-react';\nimport React, { useRef } from 'react';\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button';\nimport { Kbd } from '@/ds/components/Kbd';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport const CREATE_BUTTON_SHORTCUT = 'c';\n\nexport interface CreateButtonProps extends Omit<ButtonProps, 'icon' | 'tooltip'> {\n  /** Tooltip text. The `C` shortcut hint is appended automatically. */\n  tooltip: string;\n  /** Set to `false` to unbind the `C` shortcut (the button stays clickable). Defaults to `true`. */\n  shortcutEnabled?: boolean;\n}\n\n/**\n * \"Create\" call-to-action: always renders a `Plus` icon and binds the `C` key to\n * its click. Mount at most one per view — several instances would compete for\n * the same shortcut.\n */\nexport const CreateButton = React.forwardRef<HTMLElement, CreateButtonProps>(\n  ({ tooltip, shortcutEnabled = true, disabled, children, ...props }, forwardedRef) => {\n    const buttonRef = useRef<HTMLElement>(null);\n\n    useKeydown(\n      { [CREATE_BUTTON_SHORTCUT]: () => buttonRef.current?.click() },\n      { enabled: shortcutEnabled && !disabled },\n    );\n\n    return (\n      <Button\n        ref={mergeRefs(buttonRef, forwardedRef)}\n        icon={<Plus />}\n        disabled={disabled}\n        tooltip={\n          <span className=\"inline-flex items-center gap-1.5\">\n            {tooltip}\n            <Kbd size=\"xs\">C</Kbd>\n          </span>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  },\n);\nCreateButton.displayName = 'CreateButton';\n\nconst mergeRefs =\n  <TElement,>(...refs: Array<React.Ref<TElement> | undefined>) =>\n  (element: TElement | null) => {\n    refs.forEach(ref => {\n      if (!ref) return;\n      if (typeof ref === 'function') {\n        ref(element);\n        return;\n      }\n      ref.current = element;\n    });\n  };\n"],"names":["React"],"mappings":";;;;;;;;;AAOO,MAAM,sBAAA,GAAyB;AAc/B,MAAM,eAAeA,cAAA,CAAM,UAAA;AAAA,EAChC,CAAC,EAAE,OAAA,EAAS,eAAA,GAAkB,IAAA,EAAM,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,YAAA,KAAiB;AACnF,IAAA,MAAM,SAAA,GAAY,OAAoB,IAAI,CAAA;AAE1C,IAAA,UAAA;AAAA,MACE,EAAE,CAAC,sBAAsB,GAAG,MAAM,SAAA,CAAU,OAAA,EAAS,OAAM,EAAE;AAAA,MAC7D,EAAE,OAAA,EAAS,eAAA,IAAmB,CAAC,QAAA;AAAS,KAC1C;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA,CAAU,SAAA,EAAW,YAAY,CAAA;AAAA,QACtC,IAAA,sBAAO,IAAA,EAAA,EAAK,CAAA;AAAA,QACZ,QAAA;AAAA,QACA,OAAA,kBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACD,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,IAAA,EAAK,QAAA,EAAA,GAAA,EAAC;AAAA,SAAA,EAClB,CAAA;AAAA,QAED,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,SAAA,GACJ,CAAA,GAAe,IAAA,KACf,CAAC,OAAA,KAA6B;AAC5B,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,CAAC,GAAA,EAAK;AACV,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,OAAO,CAAA;AACX,MAAA;AAAA,IACF;AACA,IAAA,GAAA,CAAI,OAAA,GAAU,OAAA;AAAA,EAChB,CAAC,CAAA;AACH,CAAA;;;;"}
+{"version":3,"file":"Button.es.js","sources":["../../src/ds/components/Button/CreateButton.tsx"],"sourcesContent":["import { Plus } from 'lucide-react';\nimport React, { useRef } from 'react';\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button';\nimport { Kbd } from '@/ds/components/Kbd';\nimport { useKeydown } from '@/lib/keyboard';\nimport { mergeRefs } from '@/lib/merge-refs';\n\nexport const CREATE_BUTTON_SHORTCUT = 'c';\n\nexport interface CreateButtonProps extends Omit<ButtonProps, 'icon' | 'tooltip'> {\n  /** Tooltip text. The `C` shortcut hint is appended automatically. */\n  tooltip: string;\n  /** Set to `false` to unbind the `C` shortcut (the button stays clickable). Defaults to `true`. */\n  shortcutEnabled?: boolean;\n}\n\n/**\n * \"Create\" call-to-action: always renders a `Plus` icon and binds the `C` key to\n * its click. Mount at most one per view — several instances would compete for\n * the same shortcut.\n */\nexport const CreateButton = React.forwardRef<HTMLElement, CreateButtonProps>(\n  ({ tooltip, shortcutEnabled = true, disabled, children, ...props }, forwardedRef) => {\n    const buttonRef = useRef<HTMLElement>(null);\n\n    useKeydown(\n      { [CREATE_BUTTON_SHORTCUT]: () => buttonRef.current?.click() },\n      { enabled: shortcutEnabled && !disabled },\n    );\n\n    return (\n      <Button\n        ref={mergeRefs(buttonRef, forwardedRef)}\n        icon={<Plus />}\n        disabled={disabled}\n        tooltip={\n          <span className=\"inline-flex items-center gap-1.5\">\n            {tooltip}\n            <Kbd size=\"xs\">C</Kbd>\n          </span>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  },\n);\nCreateButton.displayName = 'CreateButton';\n"],"names":["React"],"mappings":";;;;;;;;;;AAQO,MAAM,sBAAA,GAAyB;AAc/B,MAAM,eAAeA,cAAA,CAAM,UAAA;AAAA,EAChC,CAAC,EAAE,OAAA,EAAS,eAAA,GAAkB,IAAA,EAAM,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,YAAA,KAAiB;AACnF,IAAA,MAAM,SAAA,GAAY,OAAoB,IAAI,CAAA;AAE1C,IAAA,UAAA;AAAA,MACE,EAAE,CAAC,sBAAsB,GAAG,MAAM,SAAA,CAAU,OAAA,EAAS,OAAM,EAAE;AAAA,MAC7D,EAAE,OAAA,EAAS,eAAA,IAAmB,CAAC,QAAA;AAAS,KAC1C;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA,CAAU,SAAA,EAAW,YAAY,CAAA;AAAA,QACtC,IAAA,sBAAO,IAAA,EAAA,EAAK,CAAA;AAAA,QACZ,QAAA;AAAA,QACA,OAAA,kBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACD,GAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAK,IAAA,EAAK,QAAA,EAAA,GAAA,EAAC;AAAA,SAAA,EAClB,CAAA;AAAA,QAED,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/components/Card.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Card = require('../Card-BbwF20OW.cjs');
+const Card = require('../Card-BQsKHkyB.cjs');
 
 
 

package/dist/components/Card.es.js

@@ -1,2 +1,2 @@
-export { C as Card, a as CardContent, b as CardDescription, c as CardFooter, d as CardHeader, e as CardLink, f as CardTitle } from '../Card-DmT57Pve.js';
+export { C as Card, a as CardContent, b as CardDescription, c as CardFooter, d as CardHeader, e as CardLink, f as CardTitle } from '../Card-DVy0QS4m.js';
 //# sourceMappingURL=Card.es.js.map

package/dist/components/ChatShell.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const messageScroller = require('../message-scroller-c22pIucB.cjs');
+const messageScroller = require('../message-scroller-E05PLPmT.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function ChatShellRoot({ className, scroller, ...props }) {

package/dist/components/ChatShell.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { d as MessageScrollerProvider, e as MessageScrollerViewport, M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent } from '../message-scroller-v1kQVq2v.js';
+import { d as MessageScrollerProvider, e as MessageScrollerViewport, M as MessageScroller, a as MessageScrollerButton, b as MessageScrollerContent } from '../message-scroller-CiFr8MwT.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 function ChatShellRoot({ className, scroller, ...props }) {

package/dist/components/ClampedText.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-CIwF6NHM.cjs');
+const Button = require('../Button-BnmR2HRc.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const icons_ChevronIcon = require('../icons/ChevronIcon.cjs.js');
 const hooks_useIsClamped = require('../hooks/use-is-clamped.cjs.js');

package/dist/components/ClampedText.es.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { B as Button } from '../Button-BY9qlu8K.js';
+import { B as Button } from '../Button-C6eUqcPI.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { ChevronIcon } from '../icons/ChevronIcon.es.js';
 import { useIsClamped } from '../hooks/use-is-clamped.es.js';

package/dist/components/CodeBlock.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeBlock = require('../code-block-C6-5zM_o.cjs');
+const codeBlock = require('../code-block-C7A4Hv96.cjs');
 
 
 

package/dist/components/CodeBlock.es.js

@@ -1,2 +1,2 @@
-export { C as CodeBlock } from '../code-block-D-skg1p_.js';
+export { C as CodeBlock } from '../code-block-C_pvalBv.js';
 //# sourceMappingURL=CodeBlock.es.js.map

package/dist/components/CodeDiff.cjs.js

@@ -2,9 +2,55 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeDiff = require('../code-diff-yR3Gan2m.cjs');
+require('../CodeDiff.css');const jsxRuntime = require('react/jsx-runtime');
+const react = require('@pierre/diffs/react');
+const themeProvider = require('../theme-provider-DDGNiyY_.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
+const PATCH_METADATA_PREFIXES = [
+  "Binary files ",
+  "GIT binary patch",
+  "similarity index ",
+  "rename from ",
+  "rename to ",
+  "copy from ",
+  "copy to ",
+  "new file mode ",
+  "deleted file mode ",
+  "old mode ",
+  "new mode "
+];
+function PatchMetadata({ patch }) {
+  const lines = patch.split("\n").filter((line) => PATCH_METADATA_PREFIXES.some((prefix) => line.startsWith(prefix)));
+  if (lines.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-3 text-caption text-muted-foreground", children: "No textual changes." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 font-mono text-caption", children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: line }, line)) });
+}
+function PatchContent({ patch, options }) {
+  if (!/^@@ -\d/m.test(patch)) return /* @__PURE__ */ jsxRuntime.jsx(PatchMetadata, { patch });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.PatchDiff, { patch, options });
+}
+function CodeDiff({ className, layout, ...source }) {
+  const { resolvedTheme } = themeProvider.useTheme();
+  const isPatch = source.patch !== void 0;
+  const options = {
+    theme: { dark: "pierre-dark", light: "pierre-light" },
+    themeType: resolvedTheme,
+    diffStyle: layout ?? (isPatch ? "unified" : "split"),
+    diffIndicators: "classic",
+    disableFileHeader: true,
+    overflow: "wrap"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("code-diff min-w-0 overflow-auto rounded-md border border-border bg-card", className), children: source.patch !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(PatchContent, { patch: source.patch, options }) : /* @__PURE__ */ jsxRuntime.jsx(
+    react.MultiFileDiff,
+    {
+      oldFile: { name: source.filename ?? "content.txt", contents: source.codeA },
+      newFile: { name: source.filename ?? "content.txt", contents: source.codeB },
+      options
+    }
+  ) });
+}
 
-
-exports.CodeDiff = codeDiff.CodeDiff;
+exports.CodeDiff = CodeDiff;
 //# sourceMappingURL=CodeDiff.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"CodeDiff.cjs.js","sources":["../../src/ds/components/CodeDiff/code-diff.tsx"],"sourcesContent":["'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n} & (\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never }\n);\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nexport function CodeDiff({ className, layout, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const isPatch = source.patch !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow: 'wrap',\n  };\n\n  return (\n    <div className={cn('code-diff min-w-0 overflow-auto rounded-md border border-border bg-card', className)}>\n      {source.patch !== undefined ? (\n        <PatchContent patch={source.patch} options={options} />\n      ) : (\n        <MultiFileDiff\n          oldFile={{ name: source.filename ?? 'content.txt', contents: source.codeA }}\n          newFile={{ name: source.filename ?? 'content.txt', contents: source.codeB }}\n          options={options}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","PatchDiff","useTheme","cn","MultiFileDiff"],"mappings":";;;;;;;;;AAgBA,MAAM,uBAAA,GAA0B;AAAA,EAC9B,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAM,EAAsB;AACnD,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,IAAI,EAAE,MAAA,CAAO,CAAA,IAAA,KAAQ,uBAAA,CAAwB,IAAA,CAAK,CAAA,MAAA,KAAU,IAAA,CAAK,UAAA,CAAW,MAAM,CAAC,CAAC,CAAA;AAE9G,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,uBAAOA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,EAClF;AAEA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACTA,cAAA,CAAC,KAAA,EAAA,EAAgB,QAAA,EAAA,IAAA,EAAA,EAAP,IAAY,CACvB,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,OAAA,EAAQ,EAAsE;AAC3G,EAAA,IAAI,CAAC,WAAW,IAAA,CAAK,KAAK,GAAG,uBAAOA,cAAA,CAAC,iBAAc,KAAA,EAAc,CAAA;AACjE,EAAA,uBAAOA,cAAA,CAACC,eAAA,EAAA,EAAU,KAAA,EAAc,OAAA,EAAkB,CAAA;AACpD;AAEO,SAAS,SAAS,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,QAAO,EAAkB;AACxE,EAAA,MAAM,EAAE,aAAA,EAAc,GAAIC,sBAAA,EAAS;AACnC,EAAA,MAAM,OAAA,GAAU,OAAO,KAAA,KAAU,MAAA;AACjC,EAAA,MAAM,OAAA,GAAiD;AAAA,IACrD,KAAA,EAAO,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,cAAA,EAAe;AAAA,IACpD,SAAA,EAAW,aAAA;AAAA,IACX,SAAA,EAAW,MAAA,KAAW,OAAA,GAAU,SAAA,GAAY,OAAA,CAAA;AAAA,IAC5C,cAAA,EAAgB,SAAA;AAAA,IAChB,iBAAA,EAAmB,IAAA;AAAA,IACnB,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,yEAAA,EAA2E,SAAS,CAAA,EACpG,QAAA,EAAA,MAAA,CAAO,KAAA,KAAU,MAAA,kCACf,YAAA,EAAA,EAAa,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,SAAkB,CAAA,mBAErDH,cAAA;AAAA,IAACI,mBAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,CAAO,YAAY,aAAA,EAAe,QAAA,EAAU,OAAO,KAAA,EAAM;AAAA,MAC1E,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,CAAO,YAAY,aAAA,EAAe,QAAA,EAAU,OAAO,KAAA,EAAM;AAAA,MAC1E;AAAA;AAAA,GACF,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/CodeDiff.es.js

@@ -1,2 +1,52 @@
-export { C as CodeDiff } from '../code-diff-BgmXIX2v.js';
+import { jsx } from 'react/jsx-runtime';
+import { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';
+import { u as useTheme } from '../theme-provider-BbMYMtxP.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+
+import '../CodeDiff.css';const PATCH_METADATA_PREFIXES = [
+  "Binary files ",
+  "GIT binary patch",
+  "similarity index ",
+  "rename from ",
+  "rename to ",
+  "copy from ",
+  "copy to ",
+  "new file mode ",
+  "deleted file mode ",
+  "old mode ",
+  "new mode "
+];
+function PatchMetadata({ patch }) {
+  const lines = patch.split("\n").filter((line) => PATCH_METADATA_PREFIXES.some((prefix) => line.startsWith(prefix)));
+  if (lines.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "p-3 text-caption text-muted-foreground", children: "No textual changes." });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "p-3 font-mono text-caption", children: lines.map((line) => /* @__PURE__ */ jsx("div", { children: line }, line)) });
+}
+function PatchContent({ patch, options }) {
+  if (!/^@@ -\d/m.test(patch)) return /* @__PURE__ */ jsx(PatchMetadata, { patch });
+  return /* @__PURE__ */ jsx(PatchDiff, { patch, options });
+}
+function CodeDiff({ className, layout, ...source }) {
+  const { resolvedTheme } = useTheme();
+  const isPatch = source.patch !== void 0;
+  const options = {
+    theme: { dark: "pierre-dark", light: "pierre-light" },
+    themeType: resolvedTheme,
+    diffStyle: layout ?? (isPatch ? "unified" : "split"),
+    diffIndicators: "classic",
+    disableFileHeader: true,
+    overflow: "wrap"
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("code-diff min-w-0 overflow-auto rounded-md border border-border bg-card", className), children: source.patch !== void 0 ? /* @__PURE__ */ jsx(PatchContent, { patch: source.patch, options }) : /* @__PURE__ */ jsx(
+    MultiFileDiff,
+    {
+      oldFile: { name: source.filename ?? "content.txt", contents: source.codeA },
+      newFile: { name: source.filename ?? "content.txt", contents: source.codeB },
+      options
+    }
+  ) });
+}
+
+export { CodeDiff };
 //# sourceMappingURL=CodeDiff.es.js.map

package/dist/components/CodeDiff.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CodeDiff.es.js","sources":["../../src/ds/components/CodeDiff/code-diff.tsx"],"sourcesContent":["'use client';\n\nimport { MultiFileDiff, PatchDiff } from '@pierre/diffs/react';\nimport type { FileDiffOptions } from '@pierre/diffs/react';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\nimport './code-diff.css';\n\nexport type CodeDiffProps = {\n  className?: string;\n  layout?: 'split' | 'unified';\n} & (\n  | { codeA: string; codeB: string; filename?: string; patch?: never }\n  | { patch: string; codeA?: never; codeB?: never; filename?: never }\n);\n\nconst PATCH_METADATA_PREFIXES = [\n  'Binary files ',\n  'GIT binary patch',\n  'similarity index ',\n  'rename from ',\n  'rename to ',\n  'copy from ',\n  'copy to ',\n  'new file mode ',\n  'deleted file mode ',\n  'old mode ',\n  'new mode ',\n];\n\nfunction PatchMetadata({ patch }: { patch: string }) {\n  const lines = patch.split('\\n').filter(line => PATCH_METADATA_PREFIXES.some(prefix => line.startsWith(prefix)));\n\n  if (lines.length === 0) {\n    return <p className=\"p-3 text-caption text-muted-foreground\">No textual changes.</p>;\n  }\n\n  return (\n    <div className=\"p-3 font-mono text-caption\">\n      {lines.map(line => (\n        <div key={line}>{line}</div>\n      ))}\n    </div>\n  );\n}\n\nfunction PatchContent({ patch, options }: { patch: string; options: FileDiffOptions<undefined, undefined> }) {\n  if (!/^@@ -\\d/m.test(patch)) return <PatchMetadata patch={patch} />;\n  return <PatchDiff patch={patch} options={options} />;\n}\n\nexport function CodeDiff({ className, layout, ...source }: CodeDiffProps) {\n  const { resolvedTheme } = useTheme();\n  const isPatch = source.patch !== undefined;\n  const options: FileDiffOptions<undefined, undefined> = {\n    theme: { dark: 'pierre-dark', light: 'pierre-light' },\n    themeType: resolvedTheme,\n    diffStyle: layout ?? (isPatch ? 'unified' : 'split'),\n    diffIndicators: 'classic',\n    disableFileHeader: true,\n    overflow: 'wrap',\n  };\n\n  return (\n    <div className={cn('code-diff min-w-0 overflow-auto rounded-md border border-border bg-card', className)}>\n      {source.patch !== undefined ? (\n        <PatchContent patch={source.patch} options={options} />\n      ) : (\n        <MultiFileDiff\n          oldFile={{ name: source.filename ?? 'content.txt', contents: source.codeA }}\n          newFile={{ name: source.filename ?? 'content.txt', contents: source.codeB }}\n          options={options}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,uBAAA,GAA0B;AAAA,EAC9B,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAM,EAAsB;AACnD,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,IAAI,EAAE,MAAA,CAAO,CAAA,IAAA,KAAQ,uBAAA,CAAwB,IAAA,CAAK,CAAA,MAAA,KAAU,IAAA,CAAK,UAAA,CAAW,MAAM,CAAC,CAAC,CAAA;AAE9G,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,EAClF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,qBACT,GAAA,CAAC,KAAA,EAAA,EAAgB,QAAA,EAAA,IAAA,EAAA,EAAP,IAAY,CACvB,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,OAAA,EAAQ,EAAsE;AAC3G,EAAA,IAAI,CAAC,WAAW,IAAA,CAAK,KAAK,GAAG,uBAAO,GAAA,CAAC,iBAAc,KAAA,EAAc,CAAA;AACjE,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAU,KAAA,EAAc,OAAA,EAAkB,CAAA;AACpD;AAEO,SAAS,SAAS,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,QAAO,EAAkB;AACxE,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,QAAA,EAAS;AACnC,EAAA,MAAM,OAAA,GAAU,OAAO,KAAA,KAAU,MAAA;AACjC,EAAA,MAAM,OAAA,GAAiD;AAAA,IACrD,KAAA,EAAO,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,cAAA,EAAe;AAAA,IACpD,SAAA,EAAW,aAAA;AAAA,IACX,SAAA,EAAW,MAAA,KAAW,OAAA,GAAU,SAAA,GAAY,OAAA,CAAA;AAAA,IAC5C,cAAA,EAAgB,SAAA;AAAA,IAChB,iBAAA,EAAmB,IAAA;AAAA,IACnB,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,yEAAA,EAA2E,SAAS,CAAA,EACpG,QAAA,EAAA,MAAA,CAAO,KAAA,KAAU,MAAA,uBACf,YAAA,EAAA,EAAa,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,SAAkB,CAAA,mBAErD,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,CAAO,YAAY,aAAA,EAAe,QAAA,EAAU,OAAO,KAAA,EAAM;AAAA,MAC1E,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,CAAO,YAAY,aAAA,EAAe,QAAA,EAAU,OAAO,KAAA,EAAM;AAAA,MAC1E;AAAA;AAAA,GACF,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/CodeEditor.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeEditor = require('../code-editor-By2dTBXC.cjs');
+const codeEditor = require('../code-editor-BXchPl_F.cjs');
 const highlight = require('../highlight-DK1dn-Fh.cjs');
 
 

package/dist/components/CodeEditor.es.js

@@ -1,3 +1,3 @@
-export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-F12uuTDl.js';
+export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-Cltwid7c.js';
 export { h as highlight, l as languageForPath } from '../highlight-BmpoELR4.js';
 //# sourceMappingURL=CodeEditor.es.js.map

package/dist/components/Collapsible.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collapsible = require('../collapsible-BFSJouuI.cjs');
+const collapsible = require('../collapsible-jfzzU7Gp.cjs');
 
 
 

package/dist/components/Collapsible.es.js

@@ -1,2 +1,2 @@
-export { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from '../collapsible-DhhP5p1j.js';
+export { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from '../collapsible-BNUn4644.js';
 //# sourceMappingURL=Collapsible.es.js.map

package/dist/components/Combobox.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const combobox = require('../combobox-CJBXDMDk.cjs');
-const comboboxStyles = require('../combobox-styles-BIiOaOkk.cjs');
+const combobox = require('../combobox-rKV-Lksj.cjs');
+const comboboxStyles = require('../combobox-styles-C4Kq1NFV.cjs');
 const combobox$1 = require('@base-ui/react/combobox');
 
 

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-export { C as Combobox } from '../combobox-Bel2EaKX.js';
-export { c as comboboxStyles } from '../combobox-styles-DQ8EVIcc.js';
+export { C as Combobox } from '../combobox-B_C0cNid.js';
+export { c as comboboxStyles } from '../combobox-styles-CLxC7VLA.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 //# sourceMappingURL=Combobox.es.js.map

package/dist/components/Command.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const command = require('../command-DCZJIsbf.cjs');
+const command = require('../command-CpXMoss8.cjs');
 
 
 

package/dist/components/Command.es.js

@@ -1,2 +1,2 @@
-export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-Cxdxr3on.js';
+export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-C6JnofUJ.js';
 //# sourceMappingURL=Command.es.js.map

package/dist/components/CommandPalette.cjs.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
-const command = require('../command-DCZJIsbf.cjs');
+const command = require('../command-CpXMoss8.cjs');
 const kbd = require('../kbd-BptPsKP6.cjs');
-const scrollArea = require('../scroll-area-BzOyuS8Y.cjs');
+const scrollArea = require('../scroll-area-CEuf7Omb.cjs');
+const Txt = require('../Txt-DPmEpNbp.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
@@ -23,14 +24,11 @@ function CommandPaletteDialog({
   return /* @__PURE__ */ jsxRuntime.jsx(
     command.CommandDialog,
     {
+      size: "xl",
       showOverlay,
       overlayClassName: utils_cn.cn("bg-sidebar/40 backdrop-blur-none", overlayClassName),
-      contentClassName: utils_cn.cn(
-        "command-palette-popup max-w-[min(56rem,calc(100vw-2rem))] overflow-visible border-none bg-transparent p-0 shadow-none backdrop-blur-none sm:max-w-[min(56rem,calc(100vw-2rem))]",
-        contentClassName
-      ),
+      contentClassName: utils_cn.cn("command-palette-popup overflow-visible bg-transparent shadow-none", contentClassName),
       commandClassName: utils_cn.cn(
-        // Height lives in `.command-palette-shell` — see command-palette.css.
         "command-palette-shell gap-2 overflow-visible rounded-none bg-transparent text-muted-foreground shadow-none backdrop-blur-none",
         "[&_[data-slot=command-input-wrapper]_svg]:text-muted-foreground",
         "**:[[cmdk-input]]:h-full **:[[cmdk-input]]:text-body",
@@ -50,8 +48,6 @@ function CommandPaletteInput({ wrapperClassName, ...props }) {
       wrapperClassName: utils_cn.cn(
         "command-palette-surface command-palette-surface-input",
         primitives_formElement.inputSurfaceAndFocusWithinStyle,
-        // `border-0` because `CommandInput`'s own `border-b` is the separator of a single-panel
-        // Command; here the input is a detached pill and the material already carries its rim.
         "h-11 shrink-0 rounded-xl border-0 px-3 pr-11",
         wrapperClassName
       ),
@@ -82,7 +78,7 @@ function CommandPaletteRail({ children, className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "-m-1 min-h-0 flex-1 p-1", viewPortClassName: "pr-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "-m-1 min-h-0 flex-1 p-1", children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollAreaViewport, { className: "pr-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children }) }) })
     }
   );
 }
@@ -109,7 +105,16 @@ function CommandPaletteScope({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", children: icon }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-md border border-border bg-muted/70 px-1.5 py-0.5 text-meta leading-none text-muted-foreground", children: count })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Txt.Txt,
+          {
+            as: "span",
+            variant: "meta",
+            tone: "muted",
+            className: "rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none",
+            children: count
+          }
+        )
       ]
     }
   );
@@ -172,12 +177,31 @@ function CommandPaletteItem({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-label text-foreground", children: title }),
-            badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-meta leading-none text-muted-foreground uppercase", children: badge })
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "label", tone: "ink", className: "truncate", children: title }),
+            badge && /* @__PURE__ */ jsxRuntime.jsx(
+              Txt.Txt,
+              {
+                as: "span",
+                variant: "meta",
+                tone: "muted",
+                className: "shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 leading-none uppercase",
+                children: badge
+              }
+            )
           ] }),
-          (subtitle || path) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2 text-meta text-muted-foreground", children: [
+          (subtitle || path) && /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "flex min-w-0 items-center gap-2", children: [
             subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: subtitle }),
-            path && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 font-mono text-meta leading-none text-muted-foreground", children: path })
+            path && /* @__PURE__ */ jsxRuntime.jsx(
+              Txt.Txt,
+              {
+                as: "span",
+                variant: "meta",
+                tone: "muted",
+                font: "mono",
+                className: "max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none",
+                children: path
+              }
+            )
           ] })
         ] }),
         shortcut && /* @__PURE__ */ jsxRuntime.jsx(command.CommandShortcut, { children: shortcut })

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.cjs.js","sources":["../../src/ds/components/CommandPalette/command-palette.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { CommandDialog, CommandInput, CommandItem, CommandList, CommandShortcut } from '@/ds/components/Command';\nimport { Kbd } from '@/ds/components/Kbd';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nimport './command-palette.css';\n\ntype CommandPaletteDialogProps = ComponentPropsWithoutRef<typeof CommandDialog>;\n\nfunction CommandPaletteDialog({\n  children,\n  contentClassName,\n  commandClassName,\n  showOverlay = true,\n  overlayClassName,\n  ...props\n}: CommandPaletteDialogProps) {\n  return (\n    <CommandDialog\n      showOverlay={showOverlay}\n      overlayClassName={cn('bg-sidebar/40 backdrop-blur-none', overlayClassName)}\n      contentClassName={cn(\n        'command-palette-popup max-w-[min(56rem,calc(100vw-2rem))] overflow-visible border-none bg-transparent p-0 shadow-none backdrop-blur-none sm:max-w-[min(56rem,calc(100vw-2rem))]',\n        contentClassName,\n      )}\n      commandClassName={cn(\n        // Height lives in `.command-palette-shell` — see command-palette.css.\n        'command-palette-shell gap-2 overflow-visible rounded-none bg-transparent text-muted-foreground shadow-none backdrop-blur-none',\n        '[&_[data-slot=command-input-wrapper]_svg]:text-muted-foreground',\n        '**:[[cmdk-input]]:h-full **:[[cmdk-input]]:text-body',\n        '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-2 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group]]:p-0',\n        '**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-1.5',\n        commandClassName,\n      )}\n      {...props}\n    >\n      {children}\n    </CommandDialog>\n  );\n}\n\ntype CommandPaletteInputProps = ComponentPropsWithoutRef<typeof CommandInput>;\n\nfunction CommandPaletteInput({ wrapperClassName, ...props }: CommandPaletteInputProps) {\n  return (\n    <CommandInput\n      wrapperClassName={cn(\n        'command-palette-surface command-palette-surface-input',\n        inputSurfaceAndFocusWithinStyle,\n        // `border-0` because `CommandInput`'s own `border-b` is the separator of a single-panel\n        // Command; here the input is a detached pill and the material already carries its rim.\n        'h-11 shrink-0 rounded-xl border-0 px-3 pr-11',\n        wrapperClassName,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandPaletteBody({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div className=\"min-h-0 flex-1\">\n      <div\n        className={cn(\n          'grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-2 md:grid-cols-[13rem_minmax(0,1fr)] md:grid-rows-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\ntype CommandPaletteRailProps = ComponentPropsWithoutRef<'aside'> & {\n  'aria-label': string;\n};\n\nfunction CommandPaletteRail({ children, className, ...props }: CommandPaletteRailProps) {\n  return (\n    <aside\n      className={cn(\n        'command-palette-surface command-palette-surface-rail flex max-h-[min(14rem,32dvh)] min-h-0 flex-col overflow-hidden rounded-xl p-2 md:h-full md:max-h-none',\n        overlaySurfaceStyle,\n        className,\n      )}\n      {...props}\n    >\n      <ScrollArea className=\"-m-1 min-h-0 flex-1 p-1\" viewPortClassName=\"pr-1\">\n        <div className=\"flex flex-col gap-1\">{children}</div>\n      </ScrollArea>\n    </aside>\n  );\n}\n\nfunction CommandPaletteScope({\n  icon,\n  label,\n  count,\n  active,\n  onSelect,\n}: {\n  icon: ReactNode;\n  label: string;\n  count: number;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        quietTextHover,\n        'flex h-9 w-full cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2.5 text-left text-body-sm hover:border-border hover:bg-fill-subtle data-[active=true]:border-border data-[active=true]:bg-fill-hover data-[active=true]:text-foreground',\n        // eslint-disable-next-line tailwindcss/no-unnecessary-arbitrary-value -- v4 emits nothing for `scale-0.99`\n        'transition-[color,transform] duration-fast ease-out-custom active:scale-[0.99] motion-reduce:transition-none',\n      )}\n      data-active={active}\n      aria-pressed={active}\n      onClick={onSelect}\n    >\n      <span className=\"flex size-4 shrink-0 items-center justify-center [&>svg]:size-4\">{icon}</span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      <span className=\"rounded-md border border-border bg-muted/70 px-1.5 py-0.5 text-meta leading-none text-muted-foreground\">\n        {count}\n      </span>\n    </button>\n  );\n}\n\ntype CommandPaletteResultsProps = {\n  'aria-label': string;\n  children: ReactNode;\n  footer?: ReactNode;\n};\n\nfunction CommandPaletteResults({ children, footer, ...props }: CommandPaletteResultsProps) {\n  return (\n    <div\n      role=\"region\"\n      className={cn(\n        'command-palette-surface command-palette-surface-results command-palette-results-panel relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-xl',\n        overlaySurfaceStyle,\n      )}\n      {...props}\n    >\n      <CommandList\n        scrollArea\n        scrollAreaClassName=\"min-h-0 flex-1 rounded-none\"\n        scrollAreaViewportClassName=\"command-palette-scroll-viewport\"\n        className=\"command-palette-list max-h-none rounded-none border-none bg-transparent shadow-none\"\n        highlightClassName=\"rounded-lg\"\n      >\n        {children}\n      </CommandList>\n      {footer}\n    </div>\n  );\n}\n\ntype CommandPaletteItemProps = Omit<ComponentPropsWithoutRef<typeof CommandItem>, 'children'> & {\n  icon: ReactNode;\n  title: string;\n  subtitle?: string;\n  path?: string;\n  badge?: string;\n  shortcut?: ReactNode;\n};\n\nfunction CommandPaletteItem({\n  icon,\n  title,\n  subtitle,\n  path,\n  badge,\n  shortcut,\n  className,\n  ...props\n}: CommandPaletteItemProps) {\n  return (\n    <CommandItem\n      className={cn(\n        'group h-auto items-start gap-3 rounded-lg border border-transparent px-3 py-2.5 data-[selected=true]:border-border',\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className={cn(\n          'mt-0.5 flex size-4 max-w-4 min-w-4 shrink-0 basis-4 items-center justify-center text-muted-foreground group-data-[selected=true]:text-foreground [&>svg]:!size-4 [&>svg]:shrink-0',\n          controlStateColorTransition,\n        )}\n      >\n        {icon}\n      </span>\n      <span className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"truncate text-label text-foreground\">{title}</span>\n          {badge && (\n            <span className=\"shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-meta leading-none text-muted-foreground uppercase\">\n              {badge}\n            </span>\n          )}\n        </span>\n        {(subtitle || path) && (\n          <span className=\"flex min-w-0 items-center gap-2 text-meta text-muted-foreground\">\n            {subtitle && <span className=\"truncate\">{subtitle}</span>}\n            {path && (\n              <span className=\"max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 font-mono text-meta leading-none text-muted-foreground\">\n                {path}\n              </span>\n            )}\n          </span>\n        )}\n      </span>\n      {shortcut && <CommandShortcut>{shortcut}</CommandShortcut>}\n    </CommandItem>\n  );\n}\n\nfunction CommandPaletteFooter({ label }: { label: string }) {\n  return (\n    <div className=\"command-palette-footer pointer-events-none absolute inset-x-0 bottom-0 z-20 flex items-end justify-between gap-3 px-3 pt-3 pb-2 text-meta text-muted-foreground\">\n      <span className=\"truncate\">{label}</span>\n      <span className=\"flex shrink-0 items-center gap-1.5\">\n        <Kbd size=\"sm\">↑</Kbd>\n        <Kbd size=\"sm\">↓</Kbd>\n        <Kbd size=\"sm\">↵</Kbd>\n        <Kbd size=\"sm\">Esc</Kbd>\n      </span>\n    </div>\n  );\n}\n\nexport {\n  CommandPaletteBody,\n  CommandPaletteDialog,\n  CommandPaletteFooter,\n  CommandPaletteInput,\n  CommandPaletteItem,\n  CommandPaletteRail,\n  CommandPaletteResults,\n  CommandPaletteScope,\n};\n"],"names":["jsx","CommandDialog","cn","CommandInput","inputSurfaceAndFocusWithinStyle","overlaySurfaceStyle","ScrollArea","jsxs","quietTextHover","CommandList","CommandItem","controlStateColorTransition","CommandShortcut","Kbd"],"mappings":"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"}
+{"version":3,"file":"CommandPalette.cjs.js","sources":["../../src/ds/components/CommandPalette/command-palette.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { CommandDialog, CommandInput, CommandItem, CommandList, CommandShortcut } from '@/ds/components/Command';\nimport { Kbd } from '@/ds/components/Kbd';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nimport './command-palette.css';\n\ntype CommandPaletteDialogProps = ComponentPropsWithoutRef<typeof CommandDialog>;\n\nfunction CommandPaletteDialog({\n  children,\n  contentClassName,\n  commandClassName,\n  showOverlay = true,\n  overlayClassName,\n  ...props\n}: CommandPaletteDialogProps) {\n  return (\n    <CommandDialog\n      size=\"xl\"\n      showOverlay={showOverlay}\n      overlayClassName={cn('bg-sidebar/40 backdrop-blur-none', overlayClassName)}\n      contentClassName={cn('command-palette-popup overflow-visible bg-transparent shadow-none', contentClassName)}\n      commandClassName={cn(\n        'command-palette-shell gap-2 overflow-visible rounded-none bg-transparent text-muted-foreground shadow-none backdrop-blur-none',\n        '[&_[data-slot=command-input-wrapper]_svg]:text-muted-foreground',\n        '**:[[cmdk-input]]:h-full **:[[cmdk-input]]:text-body',\n        '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-2 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group]]:p-0',\n        '**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-1.5',\n        commandClassName,\n      )}\n      {...props}\n    >\n      {children}\n    </CommandDialog>\n  );\n}\n\ntype CommandPaletteInputProps = ComponentPropsWithoutRef<typeof CommandInput>;\n\nfunction CommandPaletteInput({ wrapperClassName, ...props }: CommandPaletteInputProps) {\n  return (\n    <CommandInput\n      wrapperClassName={cn(\n        'command-palette-surface command-palette-surface-input',\n        inputSurfaceAndFocusWithinStyle,\n        'h-11 shrink-0 rounded-xl border-0 px-3 pr-11',\n        wrapperClassName,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandPaletteBody({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div className=\"min-h-0 flex-1\">\n      <div\n        className={cn(\n          'grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)] gap-2 md:grid-cols-[13rem_minmax(0,1fr)] md:grid-rows-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\ntype CommandPaletteRailProps = ComponentPropsWithoutRef<'aside'> & {\n  'aria-label': string;\n};\n\nfunction CommandPaletteRail({ children, className, ...props }: CommandPaletteRailProps) {\n  return (\n    <aside\n      className={cn(\n        'command-palette-surface command-palette-surface-rail flex max-h-[min(14rem,32dvh)] min-h-0 flex-col overflow-hidden rounded-xl p-2 md:h-full md:max-h-none',\n        overlaySurfaceStyle,\n        className,\n      )}\n      {...props}\n    >\n      <ScrollArea className=\"-m-1 min-h-0 flex-1 p-1\">\n        <ScrollAreaViewport className=\"pr-1\">\n          <div className=\"flex flex-col gap-1\">{children}</div>\n        </ScrollAreaViewport>\n      </ScrollArea>\n    </aside>\n  );\n}\n\nfunction CommandPaletteScope({\n  icon,\n  label,\n  count,\n  active,\n  onSelect,\n}: {\n  icon: ReactNode;\n  label: string;\n  count: number;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        quietTextHover,\n        'flex h-9 w-full cursor-pointer items-center gap-2 rounded-lg border border-transparent px-2.5 text-left text-body-sm hover:border-border hover:bg-fill-subtle data-[active=true]:border-border data-[active=true]:bg-fill-hover data-[active=true]:text-foreground',\n        // eslint-disable-next-line tailwindcss/no-unnecessary-arbitrary-value -- v4 emits nothing for `scale-0.99`\n        'transition-[color,transform] duration-fast ease-out-custom active:scale-[0.99] motion-reduce:transition-none',\n      )}\n      data-active={active}\n      aria-pressed={active}\n      onClick={onSelect}\n    >\n      <span className=\"flex size-4 shrink-0 items-center justify-center [&>svg]:size-4\">{icon}</span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      <Txt\n        as=\"span\"\n        variant=\"meta\"\n        tone=\"muted\"\n        className=\"rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none\"\n      >\n        {count}\n      </Txt>\n    </button>\n  );\n}\n\ntype CommandPaletteResultsProps = {\n  'aria-label': string;\n  children: ReactNode;\n  footer?: ReactNode;\n};\n\nfunction CommandPaletteResults({ children, footer, ...props }: CommandPaletteResultsProps) {\n  return (\n    <div\n      role=\"region\"\n      className={cn(\n        'command-palette-surface command-palette-surface-results command-palette-results-panel relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-xl',\n        overlaySurfaceStyle,\n      )}\n      {...props}\n    >\n      <CommandList\n        scrollArea\n        scrollAreaClassName=\"min-h-0 flex-1 rounded-none\"\n        scrollAreaViewportClassName=\"command-palette-scroll-viewport\"\n        className=\"command-palette-list max-h-none rounded-none border-none bg-transparent shadow-none\"\n        highlightClassName=\"rounded-lg\"\n      >\n        {children}\n      </CommandList>\n      {footer}\n    </div>\n  );\n}\n\ntype CommandPaletteItemProps = Omit<ComponentPropsWithoutRef<typeof CommandItem>, 'children'> & {\n  icon: ReactNode;\n  title: string;\n  subtitle?: string;\n  path?: string;\n  badge?: string;\n  shortcut?: ReactNode;\n};\n\nfunction CommandPaletteItem({\n  icon,\n  title,\n  subtitle,\n  path,\n  badge,\n  shortcut,\n  className,\n  ...props\n}: CommandPaletteItemProps) {\n  return (\n    <CommandItem\n      className={cn(\n        'group h-auto items-start gap-3 rounded-lg border border-transparent px-3 py-2.5 data-[selected=true]:border-border',\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className={cn(\n          'mt-0.5 flex size-4 max-w-4 min-w-4 shrink-0 basis-4 items-center justify-center text-muted-foreground group-data-[selected=true]:text-foreground [&>svg]:!size-4 [&>svg]:shrink-0',\n          controlStateColorTransition,\n        )}\n      >\n        {icon}\n      </span>\n      <span className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n            {title}\n          </Txt>\n          {badge && (\n            <Txt\n              as=\"span\"\n              variant=\"meta\"\n              tone=\"muted\"\n              className=\"shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 leading-none uppercase\"\n            >\n              {badge}\n            </Txt>\n          )}\n        </span>\n        {(subtitle || path) && (\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"flex min-w-0 items-center gap-2\">\n            {subtitle && <span className=\"truncate\">{subtitle}</span>}\n            {path && (\n              <Txt\n                as=\"span\"\n                variant=\"meta\"\n                tone=\"muted\"\n                font=\"mono\"\n                className=\"max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none\"\n              >\n                {path}\n              </Txt>\n            )}\n          </Txt>\n        )}\n      </span>\n      {shortcut && <CommandShortcut>{shortcut}</CommandShortcut>}\n    </CommandItem>\n  );\n}\n\nfunction CommandPaletteFooter({ label }: { label: string }) {\n  return (\n    <div className=\"command-palette-footer pointer-events-none absolute inset-x-0 bottom-0 z-20 flex items-end justify-between gap-3 px-3 pt-3 pb-2 text-meta text-muted-foreground\">\n      <span className=\"truncate\">{label}</span>\n      <span className=\"flex shrink-0 items-center gap-1.5\">\n        <Kbd size=\"sm\">↑</Kbd>\n        <Kbd size=\"sm\">↓</Kbd>\n        <Kbd size=\"sm\">↵</Kbd>\n        <Kbd size=\"sm\">Esc</Kbd>\n      </span>\n    </div>\n  );\n}\n\nexport {\n  CommandPaletteBody,\n  CommandPaletteDialog,\n  CommandPaletteFooter,\n  CommandPaletteInput,\n  CommandPaletteItem,\n  CommandPaletteRail,\n  CommandPaletteResults,\n  CommandPaletteScope,\n};\n"],"names":["jsx","CommandDialog","cn","CommandInput","inputSurfaceAndFocusWithinStyle","overlaySurfaceStyle","ScrollArea","ScrollAreaViewport","jsxs","quietTextHover","Txt","CommandList","CommandItem","controlStateColorTransition","CommandShortcut","Kbd"],"mappings":"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"}

package/dist/components/CommandPalette.es.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-Cxdxr3on.js';
+import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-C6JnofUJ.js';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
-import { S as ScrollArea } from '../scroll-area-DyTZoISq.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-Ds-fJn5M.js';
+import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { inputSurfaceAndFocusWithinStyle } from '../primitives/form-element.es.js';
 import { overlaySurfaceStyle } from '../primitives/raised-surface.es.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';
@@ -19,14 +20,11 @@ import '../CommandPalette.css';function CommandPaletteDialog({
   return /* @__PURE__ */ jsx(
     CommandDialog,
     {
+      size: "xl",
       showOverlay,
       overlayClassName: cn("bg-sidebar/40 backdrop-blur-none", overlayClassName),
-      contentClassName: cn(
-        "command-palette-popup max-w-[min(56rem,calc(100vw-2rem))] overflow-visible border-none bg-transparent p-0 shadow-none backdrop-blur-none sm:max-w-[min(56rem,calc(100vw-2rem))]",
-        contentClassName
-      ),
+      contentClassName: cn("command-palette-popup overflow-visible bg-transparent shadow-none", contentClassName),
       commandClassName: cn(
-        // Height lives in `.command-palette-shell` — see command-palette.css.
         "command-palette-shell gap-2 overflow-visible rounded-none bg-transparent text-muted-foreground shadow-none backdrop-blur-none",
         "[&_[data-slot=command-input-wrapper]_svg]:text-muted-foreground",
         "**:[[cmdk-input]]:h-full **:[[cmdk-input]]:text-body",
@@ -46,8 +44,6 @@ function CommandPaletteInput({ wrapperClassName, ...props }) {
       wrapperClassName: cn(
         "command-palette-surface command-palette-surface-input",
         inputSurfaceAndFocusWithinStyle,
-        // `border-0` because `CommandInput`'s own `border-b` is the separator of a single-panel
-        // Command; here the input is a detached pill and the material already carries its rim.
         "h-11 shrink-0 rounded-xl border-0 px-3 pr-11",
         wrapperClassName
       ),
@@ -78,7 +74,7 @@ function CommandPaletteRail({ children, className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ScrollArea, { className: "-m-1 min-h-0 flex-1 p-1", viewPortClassName: "pr-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children }) })
+      children: /* @__PURE__ */ jsx(ScrollArea, { className: "-m-1 min-h-0 flex-1 p-1", children: /* @__PURE__ */ jsx(ScrollAreaViewport, { className: "pr-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children }) }) })
     }
   );
 }
@@ -105,7 +101,16 @@ function CommandPaletteScope({
       children: [
         /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", children: icon }),
         /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        /* @__PURE__ */ jsx("span", { className: "rounded-md border border-border bg-muted/70 px-1.5 py-0.5 text-meta leading-none text-muted-foreground", children: count })
+        /* @__PURE__ */ jsx(
+          Txt,
+          {
+            as: "span",
+            variant: "meta",
+            tone: "muted",
+            className: "rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none",
+            children: count
+          }
+        )
       ]
     }
   );
@@ -168,12 +173,31 @@ function CommandPaletteItem({
         ),
         /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
           /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-label text-foreground", children: title }),
-            badge && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 text-meta leading-none text-muted-foreground uppercase", children: badge })
+            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "label", tone: "ink", className: "truncate", children: title }),
+            badge && /* @__PURE__ */ jsx(
+              Txt,
+              {
+                as: "span",
+                variant: "meta",
+                tone: "muted",
+                className: "shrink-0 rounded-md border border-border bg-muted/60 px-1.5 py-0.5 leading-none uppercase",
+                children: badge
+              }
+            )
           ] }),
-          (subtitle || path) && /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2 text-meta text-muted-foreground", children: [
+          (subtitle || path) && /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "meta", tone: "muted", className: "flex min-w-0 items-center gap-2", children: [
             subtitle && /* @__PURE__ */ jsx("span", { className: "truncate", children: subtitle }),
-            path && /* @__PURE__ */ jsx("span", { className: "max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 font-mono text-meta leading-none text-muted-foreground", children: path })
+            path && /* @__PURE__ */ jsx(
+              Txt,
+              {
+                as: "span",
+                variant: "meta",
+                tone: "muted",
+                font: "mono",
+                className: "max-w-52 truncate rounded-md border border-border bg-muted/70 px-1.5 py-0.5 leading-none",
+                children: path
+              }
+            )
           ] })
         ] }),
         shortcut && /* @__PURE__ */ jsx(CommandShortcut, { children: shortcut })