silver-ui 0.1.0

package/dist/chunk-7EXVJWG5.js

@@ -0,0 +1,151 @@
+import { cva } from './chunk-NAELQLZN.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { css } from './chunk-UHQRL4OA.js';
+import { useMemo, useSyncExternalStore } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Kbd/Kbd.recipe.ts
+var kbdRecipe = cva({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "sm",
+    bg: "bg.subtle",
+    borderBottomWidth: "emphasized",
+    borderBottomStyle: "solid",
+    borderBottomColor: "border",
+    color: "fg.muted",
+    fontFamily: "body",
+    fontWeight: "medium",
+    lineHeight: "none",
+    userSelect: "none"
+  },
+  variants: {
+    size: {
+      sm: { minW: "4", h: "4", px: "0.5", fontSize: "2xs" },
+      md: { minW: "5", h: "5", px: "1", fontSize: "xs" },
+      lg: { minW: "6", h: "6", px: "1.5", fontSize: "sm" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var styles = {
+  root: css({
+    display: "inline-flex",
+    alignItems: "center",
+    flexShrink: 0,
+    verticalAlign: "bottom"
+  }),
+  rootSm: css({ gap: "0.5" }),
+  rootMd: css({ gap: "1" }),
+  rootLg: css({ gap: "1.5" })
+};
+var keyDisplay = {
+  alt: "\u2325",
+  backspace: "\u232B",
+  ctrl: "\u2303",
+  down: "\u2193",
+  enter: "\u21B5",
+  escape: "Esc",
+  left: "\u2190",
+  plus: "+",
+  right: "\u2192",
+  shift: "\u21E7",
+  tab: "\u21E5",
+  up: "\u2191"
+};
+var keyLabel = {
+  alt: "Alt",
+  backspace: "Backspace",
+  ctrl: "Control",
+  down: "Down Arrow",
+  enter: "Enter",
+  escape: "Escape",
+  left: "Left Arrow",
+  plus: "Plus",
+  right: "Right Arrow",
+  shift: "Shift",
+  tab: "Tab",
+  up: "Up Arrow"
+};
+var subscribePlatform = () => () => {
+};
+function getIsMacSnapshot() {
+  if (typeof navigator === "undefined") {
+    return false;
+  }
+  const userAgentData = "userAgentData" in navigator ? navigator.userAgentData : null;
+  if (userAgentData != null && typeof userAgentData === "object" && "platform" in userAgentData) {
+    return /mac/i.test(String(userAgentData.platform));
+  }
+  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMac() {
+  return useSyncExternalStore(
+    subscribePlatform,
+    getIsMacSnapshot,
+    getServerSnapshot
+  );
+}
+function getKeyDisplay(key, isMac) {
+  if (key === "mod") {
+    return isMac ? "\u2318" : "Ctrl";
+  }
+  return keyDisplay[key] ?? key.toUpperCase();
+}
+function getKeyLabel(key, isMac) {
+  if (key === "mod") {
+    return isMac ? "Command" : "Control";
+  }
+  return keyLabel[key] ?? key.toUpperCase();
+}
+function Kbd({
+  className,
+  "data-testid": dataTestId,
+  keys,
+  ref,
+  size = "md",
+  style
+}) {
+  const isMac = useIsMac();
+  const { keyedParts, ariaLabel } = useMemo(() => {
+    const parts = keys.split("+").map((key) => key.trim().toLowerCase()).filter(Boolean);
+    if (process.env.NODE_ENV !== "production" && parts.length === 0) {
+      throw new Error(
+        "Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`."
+      );
+    }
+    const keyCounts = /* @__PURE__ */ new Map();
+    return {
+      keyedParts: parts.map((key) => {
+        const count = (keyCounts.get(key) ?? 0) + 1;
+        keyCounts.set(key, count);
+        return { id: `${key}-${count}`, display: getKeyDisplay(key, isMac) };
+      }),
+      ariaLabel: parts.map((key) => getKeyLabel(key, isMac)).join("+")
+    };
+  }, [keys, isMac]);
+  const gapStyle = size === "sm" ? styles.rootSm : size === "lg" ? styles.rootLg : styles.rootMd;
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "aria-label": ariaLabel,
+      className: cx(styles.root, gapStyle, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: keyedParts.map((part) => /* @__PURE__ */ jsx("kbd", { className: kbdRecipe({ size }), children: part.display }, part.id))
+    }
+  );
+}
+Kbd.displayName = "Kbd";
+
+export { Kbd };
+//# sourceMappingURL=chunk-7EXVJWG5.js.map
+//# sourceMappingURL=chunk-7EXVJWG5.js.map

package/dist/chunk-7EXVJWG5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"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","file":"chunk-7EXVJWG5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'sm',\n    bg: 'bg.subtle',\n    borderBottomWidth: 'emphasized',\n    borderBottomStyle: 'solid',\n    borderBottomColor: 'border',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'none',\n    userSelect: 'none',\n  },\n  variants: {\n    size: {\n      sm: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      md: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      lg: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {kbdRecipe} from './Kbd.recipe';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    verticalAlign: 'bottom',\n  }),\n  rootSm: css({gap: '0.5'}),\n  rootMd: css({gap: '1'}),\n  rootLg: css({gap: '1.5'}),\n} as const;\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const gapStyle =\n    size === 'sm'\n      ? styles.rootSm\n      : size === 'lg'\n        ? styles.rootLg\n        : styles.rootMd;\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(styles.root, gapStyle, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={kbdRecipe({size})} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}

package/dist/chunk-A45WLNF7.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+// src/internal/toPixelSize.ts
+function toPixelSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+
+exports.toPixelSize = toPixelSize;
+//# sourceMappingURL=chunk-A45WLNF7.cjs.map
+//# sourceMappingURL=chunk-A45WLNF7.cjs.map

package/dist/chunk-A45WLNF7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/toPixelSize.ts"],"names":[],"mappings":";;;AAEO,SAAS,YACd,KAAA,EAC6B;AAC7B,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD","file":"chunk-A45WLNF7.cjs","sourcesContent":["export type SizeValue = number | string;\n\nexport function toPixelSize(\n  value: SizeValue | undefined,\n): string | number | undefined {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"]}

package/dist/chunk-AFT635BR.cjs

@@ -0,0 +1,308 @@
+'use strict';
+
+var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
+var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var styles = {
+  root: chunkAZDWQGAX_cjs.css({
+    position: "relative",
+    isolation: "isolate",
+    display: "flex",
+    flexDirection: "column",
+    color: "fg",
+    overflow: "hidden",
+    boxSizing: "border-box"
+  }),
+  card: chunkAZDWQGAX_cjs.css({
+    borderWidth: "default",
+    borderStyle: "solid",
+    borderColor: "border",
+    borderRadius: "md"
+  }),
+  section: chunkAZDWQGAX_cjs.css({
+    borderWidth: 0,
+    borderRadius: 0
+  }),
+  header: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "3",
+    px: "4",
+    py: "2",
+    borderBlockEndWidth: "default",
+    borderBlockEndStyle: "solid",
+    borderBlockEndColor: "border"
+  }),
+  headerTitle: chunkAZDWQGAX_cjs.css({
+    minW: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "fg.muted",
+    fontFamily: "mono",
+    fontSize: "xs",
+    fontWeight: "medium"
+  }),
+  scroll: chunkAZDWQGAX_cjs.css({
+    overflow: "auto"
+  }),
+  body: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    minW: "fit-content"
+  }),
+  gutter: chunkAZDWQGAX_cjs.css({
+    flexShrink: 0,
+    py: "3",
+    ps: "4",
+    pe: "3",
+    borderInlineEndWidth: "default",
+    borderInlineEndStyle: "solid",
+    borderInlineEndColor: "border",
+    color: "fg.muted",
+    textAlign: "end",
+    userSelect: "none"
+  }),
+  gutterLine: chunkAZDWQGAX_cjs.css({
+    fontFamily: "mono",
+    lineHeight: "1.5rem"
+  }),
+  pre: chunkAZDWQGAX_cjs.css({
+    m: 0,
+    flex: 1,
+    minW: 0
+  }),
+  code: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    flexDirection: "column",
+    color: "fg",
+    fontFamily: "mono",
+    tabSize: 2,
+    whiteSpace: "pre",
+    wordBreak: "normal",
+    overflowWrap: "normal"
+  }),
+  codeWithFloatingCopy: chunkAZDWQGAX_cjs.css({
+    pe: "12"
+  }),
+  codeWrapped: chunkAZDWQGAX_cjs.css({
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word",
+    overflowWrap: "anywhere"
+  }),
+  sizeSm: chunkAZDWQGAX_cjs.css({
+    fontSize: "xs",
+    lineHeight: "1.5rem"
+  }),
+  sizeMd: chunkAZDWQGAX_cjs.css({
+    fontSize: "sm",
+    lineHeight: "1.5rem"
+  }),
+  line: chunkAZDWQGAX_cjs.css({
+    display: "block",
+    minH: "1.5rem"
+  }),
+  lineHighlighted: chunkAZDWQGAX_cjs.css({
+    bg: "bg.selected",
+    mx: "calc(var(--cb-padding) * -1)",
+    px: "var(--cb-padding)"
+  }),
+  copyButtonFloating: chunkAZDWQGAX_cjs.css({
+    position: "absolute",
+    top: "3",
+    right: "3"
+  })
+};
+function getLines(code) {
+  const lines = code.split("\n");
+  if (lines.length > 1 && lines[lines.length - 1] === "") {
+    lines.pop();
+  }
+  return lines;
+}
+function getLineEntries(code) {
+  return getLines(code).map((text, index) => ({
+    lineNumber: index + 1,
+    text
+  }));
+}
+function getRegionLabel({
+  label,
+  title
+}) {
+  if (label != null) {
+    return label;
+  }
+  if (title != null && title.length > 0) {
+    return `${title} code block`;
+  }
+  return "Code block";
+}
+function CodeBlock({
+  className,
+  code,
+  container = "card",
+  "data-testid": dataTestId,
+  hasCopyButton = true,
+  hasLineNumbers = false,
+  highlightLines,
+  isWrapped = false,
+  label,
+  maxHeight,
+  onCopy,
+  padding = 4,
+  ref,
+  size = "md",
+  style,
+  title,
+  width = "fit-content"
+}) {
+  const [copied, setCopied] = react.useState(false);
+  const copiedResetTimeoutRef = react.useRef(null);
+  const lines = react.useMemo(() => getLineEntries(code), [code]);
+  const highlightLineKey = highlightLines?.join(",");
+  const highlightedLines = react.useMemo(
+    () => highlightLineKey == null || highlightLineKey.length === 0 ? null : new Set(highlightLineKey.split(",").map(Number)),
+    [highlightLineKey]
+  );
+  const showHeader = title != null;
+  const sizeClassName = size === "sm" ? styles.sizeSm : styles.sizeMd;
+  const regionLabel = getRegionLabel({ label, title });
+  react.useEffect(() => {
+    return () => {
+      if (copiedResetTimeoutRef.current != null) {
+        window.clearTimeout(copiedResetTimeoutRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = react.useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      onCopy?.();
+      if (copiedResetTimeoutRef.current != null) {
+        window.clearTimeout(copiedResetTimeoutRef.current);
+      }
+      copiedResetTimeoutRef.current = window.setTimeout(() => {
+        setCopied(false);
+        copiedResetTimeoutRef.current = null;
+      }, 2e3);
+    } catch {
+    }
+  }, [code, onCopy]);
+  const paddingToken = chunk47BELFYO_cjs.token(`spacing.${padding}`);
+  const codeStyle = {
+    ["--cb-padding"]: paddingToken,
+    padding: paddingToken
+  };
+  const rootStyle = {
+    width,
+    minWidth: width === "fit-content" ? "min(100%, 400px)" : void 0,
+    maxWidth: width === "fit-content" ? "100%" : void 0,
+    ...style
+  };
+  const scrollStyle = maxHeight == null ? void 0 : {
+    maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+  };
+  const scrollRegionProps = {
+    "aria-label": `${regionLabel} scroll area`,
+    role: "region",
+    tabIndex: 0
+  };
+  const copyLabel = copied ? "Copied" : "Copy code";
+  const copyButton = hasCopyButton ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkNILB6Y4Z_cjs.Button,
+    {
+      className: !showHeader ? styles.copyButtonFloating : void 0,
+      icon: copied ? lucideReact.Check : lucideReact.Copy,
+      isIconOnly: true,
+      label: copyLabel,
+      onClick: () => {
+        void handleCopy();
+      },
+      size: "sm",
+      tooltip: copyLabel,
+      variant: "ghost"
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-label": regionLabel,
+      className: chunkSPDVNY2Z_cjs.cx(
+        styles.root,
+        container === "card" ? styles.card : styles.section,
+        className
+      ),
+      "data-container": container,
+      "data-size": size,
+      "data-testid": dataTestId,
+      ref,
+      role: "region",
+      style: rootStyle,
+      children: [
+        showHeader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.headerTitle, children: title }),
+          copyButton
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ...scrollRegionProps,
+            className: styles.scroll,
+            "data-testid": dataTestId == null ? void 0 : `${dataTestId}-scroll`,
+            style: scrollStyle,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body, children: [
+              hasLineNumbers ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: chunkSPDVNY2Z_cjs.cx(styles.gutter, sizeClassName),
+                  children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.gutterLine, children: line.lineNumber }, line.lineNumber))
+                }
+              ) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("pre", { className: styles.pre, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "code",
+                {
+                  className: chunkSPDVNY2Z_cjs.cx(
+                    styles.code,
+                    sizeClassName,
+                    !showHeader && hasCopyButton && styles.codeWithFloatingCopy,
+                    isWrapped && styles.codeWrapped
+                  ),
+                  "data-testid": dataTestId == null ? void 0 : `${dataTestId}-code`,
+                  "data-wrapped": isWrapped ? "" : void 0,
+                  style: codeStyle,
+                  children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkSPDVNY2Z_cjs.cx(
+                        styles.line,
+                        highlightedLines?.has(line.lineNumber) && styles.lineHighlighted
+                      ),
+                      "data-highlighted": highlightedLines?.has(line.lineNumber) ? "" : void 0,
+                      "data-line": line.lineNumber,
+                      children: line.text.length === 0 ? "\u200B" : line.text
+                    },
+                    line.lineNumber
+                  ))
+                }
+              ) })
+            ] })
+          }
+        ),
+        !showHeader ? copyButton : null
+      ]
+    }
+  );
+}
+CodeBlock.displayName = "CodeBlock";
+
+exports.CodeBlock = CodeBlock;
+//# sourceMappingURL=chunk-AFT635BR.cjs.map
+//# sourceMappingURL=chunk-AFT635BR.cjs.map

package/dist/chunk-AFT635BR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CodeBlock/CodeBlock.tsx"],"names":["css","useState","useRef","useMemo","useEffect","useCallback","token","jsx","Button","Check","Copy","jsxs","cx"],"mappings":"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","file":"chunk-AFT635BR.cjs","sourcesContent":["'use client';\n\nimport {Check, Copy} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport type {SpacingStep} from '../Layout/types';\n\nexport type CodeBlockContainer = 'card' | 'section';\nexport type CodeBlockSize = 'sm' | 'md';\n\nexport interface CodeBlockProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Source code to display.\n   */\n  code: string;\n  /**\n   * Container presentation style.\n   * @default 'card'\n   */\n  container?: CodeBlockContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a copy button.\n   * @default true\n   */\n  hasCopyButton?: boolean;\n  /**\n   * Whether to render line numbers.\n   * @default false\n   */\n  hasLineNumbers?: boolean;\n  /**\n   * One-based line numbers to visually highlight.\n   */\n  highlightLines?: number[];\n  /**\n   * Whether long lines should wrap.\n   * @default false\n   */\n  isWrapped?: boolean;\n  /**\n   * Accessible label for the code block region.\n   */\n  label?: string;\n  /**\n   * Maximum scrollable body height. Numbers are treated as pixels.\n   */\n  maxHeight?: number | string;\n  /**\n   * Called after code is successfully copied.\n   */\n  onCopy?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingStep;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: CodeBlockSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional header title.\n   */\n  title?: string;\n  /**\n   * Width of the code block. Accepts any CSS width value.\n   * @default 'fit-content'\n   */\n  width?: string;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    isolation: 'isolate',\n    display: 'flex',\n    flexDirection: 'column',\n    color: 'fg',\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n  }),\n  card: css({\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    borderRadius: 'md',\n  }),\n  section: css({\n    borderWidth: 0,\n    borderRadius: 0,\n  }),\n  header: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '3',\n    px: '4',\n    py: '2',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n  headerTitle: css({\n    minW: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    color: 'fg.muted',\n    fontFamily: 'mono',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n  }),\n  scroll: css({\n    overflow: 'auto',\n  }),\n  body: css({\n    display: 'flex',\n    minW: 'fit-content',\n  }),\n  gutter: css({\n    flexShrink: 0,\n    py: '3',\n    ps: '4',\n    pe: '3',\n    borderInlineEndWidth: 'default',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: 'border',\n    color: 'fg.muted',\n    textAlign: 'end',\n    userSelect: 'none',\n  }),\n  gutterLine: css({\n    fontFamily: 'mono',\n    lineHeight: '1.5rem',\n  }),\n  pre: css({\n    m: 0,\n    flex: 1,\n    minW: 0,\n  }),\n  code: css({\n    display: 'flex',\n    flexDirection: 'column',\n    color: 'fg',\n    fontFamily: 'mono',\n    tabSize: 2,\n    whiteSpace: 'pre',\n    wordBreak: 'normal',\n    overflowWrap: 'normal',\n  }),\n  codeWithFloatingCopy: css({\n    pe: '12',\n  }),\n  codeWrapped: css({\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-word',\n    overflowWrap: 'anywhere',\n  }),\n  sizeSm: css({\n    fontSize: 'xs',\n    lineHeight: '1.5rem',\n  }),\n  sizeMd: css({\n    fontSize: 'sm',\n    lineHeight: '1.5rem',\n  }),\n  line: css({\n    display: 'block',\n    minH: '1.5rem',\n  }),\n  lineHighlighted: css({\n    bg: 'bg.selected',\n    mx: 'calc(var(--cb-padding) * -1)',\n    px: 'var(--cb-padding)',\n  }),\n  copyButtonFloating: css({\n    position: 'absolute',\n    top: '3',\n    right: '3',\n  }),\n} as const;\n\nfunction getLines(code: string): string[] {\n  const lines = code.split('\\n');\n  if (lines.length > 1 && lines[lines.length - 1] === '') {\n    lines.pop();\n  }\n  return lines;\n}\n\nfunction getLineEntries(code: string): {lineNumber: number; text: string}[] {\n  return getLines(code).map((text, index) => ({\n    lineNumber: index + 1,\n    text,\n  }));\n}\n\nfunction getRegionLabel({\n  label,\n  title,\n}: {\n  label?: string;\n  title?: string;\n}): string {\n  if (label != null) {\n    return label;\n  }\n\n  if (title != null && title.length > 0) {\n    return `${title} code block`;\n  }\n\n  return 'Code block';\n}\n\n/**\n * Read-only source code display.\n */\nexport function CodeBlock({\n  className,\n  code,\n  container = 'card',\n  'data-testid': dataTestId,\n  hasCopyButton = true,\n  hasLineNumbers = false,\n  highlightLines,\n  isWrapped = false,\n  label,\n  maxHeight,\n  onCopy,\n  padding = 4,\n  ref,\n  size = 'md',\n  style,\n  title,\n  width = 'fit-content',\n}: CodeBlockProps): React.JSX.Element {\n  const [copied, setCopied] = useState(false);\n  const copiedResetTimeoutRef = useRef<number | null>(null);\n  const lines = useMemo(() => getLineEntries(code), [code]);\n  const highlightLineKey = highlightLines?.join(',');\n  const highlightedLines = useMemo(\n    () =>\n      highlightLineKey == null || highlightLineKey.length === 0\n        ? null\n        : new Set(highlightLineKey.split(',').map(Number)),\n    [highlightLineKey],\n  );\n  const showHeader = title != null;\n  const sizeClassName = size === 'sm' ? styles.sizeSm : styles.sizeMd;\n  const regionLabel = getRegionLabel({label, title});\n\n  useEffect(() => {\n    return () => {\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopied(true);\n      onCopy?.();\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n      copiedResetTimeoutRef.current = window.setTimeout(() => {\n        setCopied(false);\n        copiedResetTimeoutRef.current = null;\n      }, 2000);\n    } catch {\n      // Clipboard failures leave the copied state unchanged.\n    }\n  }, [code, onCopy]);\n\n  const paddingToken = token(`spacing.${padding}`);\n  const codeStyle: CSSProperties = {\n    ['--cb-padding' as string]: paddingToken,\n    padding: paddingToken,\n  };\n\n  const rootStyle: CSSProperties = {\n    width,\n    minWidth: width === 'fit-content' ? 'min(100%, 400px)' : undefined,\n    maxWidth: width === 'fit-content' ? '100%' : undefined,\n    ...style,\n  };\n  const scrollStyle: CSSProperties | undefined =\n    maxHeight == null\n      ? undefined\n      : {\n          maxHeight:\n            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n        };\n  const scrollRegionProps = {\n    'aria-label': `${regionLabel} scroll area`,\n    role: 'region',\n    tabIndex: 0,\n  } as const;\n\n  const copyLabel = copied ? 'Copied' : 'Copy code';\n  const copyButton = hasCopyButton ? (\n    <Button\n      className={!showHeader ? styles.copyButtonFloating : undefined}\n      icon={copied ? Check : Copy}\n      isIconOnly\n      label={copyLabel}\n      onClick={() => {\n        void handleCopy();\n      }}\n      size=\"sm\"\n      tooltip={copyLabel}\n      variant=\"ghost\"\n    />\n  ) : null;\n\n  return (\n    <div\n      aria-label={regionLabel}\n      className={cx(\n        styles.root,\n        container === 'card' ? styles.card : styles.section,\n        className,\n      )}\n      data-container={container}\n      data-size={size}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={rootStyle}>\n      {showHeader ? (\n        <div className={styles.header}>\n          <div className={styles.headerTitle}>{title}</div>\n          {copyButton}\n        </div>\n      ) : null}\n      <div\n        {...scrollRegionProps}\n        className={styles.scroll}\n        data-testid={dataTestId == null ? undefined : `${dataTestId}-scroll`}\n        style={scrollStyle}>\n        <div className={styles.body}>\n          {hasLineNumbers ? (\n            <div\n              aria-hidden=\"true\"\n              className={cx(styles.gutter, sizeClassName)}>\n              {lines.map(line => (\n                <div className={styles.gutterLine} key={line.lineNumber}>\n                  {line.lineNumber}\n                </div>\n              ))}\n            </div>\n          ) : null}\n          <pre className={styles.pre}>\n            <code\n              className={cx(\n                styles.code,\n                sizeClassName,\n                !showHeader && hasCopyButton && styles.codeWithFloatingCopy,\n                isWrapped && styles.codeWrapped,\n              )}\n              data-testid={\n                dataTestId == null ? undefined : `${dataTestId}-code`\n              }\n              data-wrapped={isWrapped ? '' : undefined}\n              style={codeStyle}>\n              {lines.map(line => (\n                <span\n                  className={cx(\n                    styles.line,\n                    highlightedLines?.has(line.lineNumber) &&\n                      styles.lineHighlighted,\n                  )}\n                  data-highlighted={\n                    highlightedLines?.has(line.lineNumber) ? '' : undefined\n                  }\n                  data-line={line.lineNumber}\n                  key={line.lineNumber}>\n                  {line.text.length === 0 ? '\\u200b' : line.text}\n                </span>\n              ))}\n            </code>\n          </pre>\n        </div>\n      </div>\n      {!showHeader ? copyButton : null}\n    </div>\n  );\n}\n\nCodeBlock.displayName = 'CodeBlock';\n"]}