@axis-ds/agentic-ui 1.4.0 → 1.5.1

package/dist/thinking-indicator/index.js

@@ -16,21 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/thinking-indicator/index.tsx
 var thinking_indicator_exports = {};
 __export(thinking_indicator_exports, {
   ThinkingIndicator: () => ThinkingIndicator
 });
 module.exports = __toCommonJS(thinking_indicator_exports);
-var import_ui_react = require("@axis-ds/ui-react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var sizeStyles = {
+var import_ui_react = require("@axis-ds/ui-react");
+const sizeStyles = {
   sm: "text-xs gap-1",
   md: "text-sm gap-1.5",
   lg: "text-base gap-2"
 };
-var dotSizes = {
+const dotSizes = {
   sm: "w-1 h-1",
   md: "w-1.5 h-1.5",
   lg: "w-2 h-2"

package/dist/thinking-indicator/index.mjs

@@ -1,6 +1,48 @@
-import {
-  ThinkingIndicator
-} from "../chunk-FYAMA32G.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@axis-ds/ui-react";
+const sizeStyles = {
+  sm: "text-xs gap-1",
+  md: "text-sm gap-1.5",
+  lg: "text-base gap-2"
+};
+const dotSizes = {
+  sm: "w-1 h-1",
+  md: "w-1.5 h-1.5",
+  lg: "w-2 h-2"
+};
+function ThinkingIndicator({
+  text = "\uC0DD\uAC01 \uC911",
+  size = "md",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": text,
+      className: cn(
+        "flex items-center text-[var(--axis-text-secondary)]",
+        sizeStyles[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { children: text }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-full bg-current animate-bounce",
+              dotSizes[size]
+            ),
+            style: { animationDelay: `${i * 150}ms` }
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
 export {
   ThinkingIndicator
 };

package/dist/token-usage-indicator/index.js

@@ -16,15 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/token-usage-indicator/index.tsx
 var token_usage_indicator_exports = {};
 __export(token_usage_indicator_exports, {
   TokenUsageIndicator: () => TokenUsageIndicator
 });
 module.exports = __toCommonJS(token_usage_indicator_exports);
-var import_ui_react = require("@axis-ds/ui-react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui_react = require("@axis-ds/ui-react");
 function TokenUsageIndicator({
   current,
   max,

package/dist/token-usage-indicator/index.mjs

@@ -1,6 +1,84 @@
-import {
-  TokenUsageIndicator
-} from "../chunk-QS6GQNSE.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@axis-ds/ui-react";
+function TokenUsageIndicator({
+  current,
+  max,
+  cost,
+  warningThreshold = 0.8,
+  compact = false,
+  className
+}) {
+  const ratio = max > 0 ? current / max : 0;
+  const percentage = Math.min(Math.round(ratio * 100), 100);
+  const getColor = () => {
+    if (ratio >= 1) return "bg-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "bg-[var(--axis-status-warning)]";
+    return "bg-[var(--axis-status-success)]";
+  };
+  const getTextColor = () => {
+    if (ratio >= 1) return "text-[var(--axis-status-error)]";
+    if (ratio >= warningThreshold) return "text-[var(--axis-status-warning)]";
+    return "text-[var(--axis-text-secondary)]";
+  };
+  const formatNumber = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
+  if (compact) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "meter",
+        "aria-valuenow": current,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": `\uD1A0\uD070 \uC0AC\uC6A9\uB7C9: ${current} / ${max}`,
+        className: cn("inline-flex items-center gap-1 text-xs", getTextColor(), className),
+        children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
+          formatNumber(current),
+          "/",
+          formatNumber(max),
+          cost !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[var(--axis-text-tertiary)]", children: [
+            "($",
+            cost.toFixed(4),
+            ")"
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "meter",
+      "aria-valuenow": current,
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-label": `\uD1A0\uD070 \uC0AC\uC6A9\uB7C9: ${current} / ${max} (${percentage}%)`,
+      className: cn("space-y-1", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-secondary)]", children: "\uD1A0\uD070 \uC0AC\uC6A9\uB7C9" }),
+          /* @__PURE__ */ jsxs("span", { className: getTextColor(), children: [
+            formatNumber(current),
+            " / ",
+            formatNumber(max)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 rounded-full bg-[var(--axis-surface-secondary)] overflow-hidden", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-full rounded-full transition-all", getColor()),
+            style: { width: `${percentage}%` },
+            "aria-hidden": "true"
+          }
+        ) }),
+        cost !== void 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-[var(--axis-text-tertiary)] text-right", children: [
+          "$",
+          cost.toFixed(4)
+        ] })
+      ]
+    }
+  );
+}
 export {
   TokenUsageIndicator
 };

package/dist/tool-call-card/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -26,30 +27,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/tool-call-card/index.tsx
 var tool_call_card_exports = {};
 __export(tool_call_card_exports, {
   ToolCallCard: () => ToolCallCard
 });
 module.exports = __toCommonJS(tool_call_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_ui_react = require("@axis-ds/ui-react");
-
-// src/constants/a11y-labels.ts
-var STATUS_LABELS = {
-  pending: "\uB300\uAE30 \uC911",
-  running: "\uC2E4\uD589 \uC911",
-  complete: "\uC644\uB8CC",
-  success: "\uC131\uACF5",
-  error: "\uC624\uB958",
-  skipped: "\uAC74\uB108\uB700",
-  idle: "\uB300\uAE30 \uC911"
-};
-
-// src/tool-call-card/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var statusConfig = {
+var import_a11y_labels = require("../constants/a11y-labels.js");
+const statusConfig = {
   pending: {
     color: "text-[var(--axis-status-neutral)]",
     icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
@@ -85,7 +72,7 @@ function ToolCallCard({
   const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
   const config = statusConfig[status];
   const contentId = React.useId();
-  const statusLabel = STATUS_LABELS[status] || status;
+  const statusLabel = import_a11y_labels.STATUS_LABELS[status] || status;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {

package/dist/tool-call-card/index.mjs

@@ -1,7 +1,111 @@
-import {
-  ToolCallCard
-} from "../chunk-WFYQINWD.mjs";
-import "../chunk-SCZ4BQ2G.mjs";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@axis-ds/ui-react";
+import { STATUS_LABELS } from "../constants/a11y-labels.mjs";
+const statusConfig = {
+  pending: {
+    color: "text-[var(--axis-status-neutral)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }) })
+  },
+  running: {
+    color: "text-[var(--axis-status-running)]",
+    icon: /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+      /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+    ] })
+  },
+  success: {
+    color: "text-[var(--axis-status-success)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+  },
+  error: {
+    color: "text-[var(--axis-status-error)]",
+    icon: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+};
+function ToolCallCard({
+  toolName,
+  description,
+  status,
+  input,
+  output,
+  error,
+  duration,
+  defaultExpanded = false,
+  "aria-label": ariaLabel,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
+  const config = statusConfig[status];
+  const contentId = React.useId();
+  const statusLabel = STATUS_LABELS[status] || status;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border overflow-hidden",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setIsExpanded(!isExpanded),
+            "aria-expanded": isExpanded,
+            "aria-controls": contentId,
+            "aria-label": ariaLabel || `${toolName} - ${statusLabel}`,
+            className: "w-full flex items-center justify-between p-3 hover:bg-[var(--axis-surface-secondary)] transition-colors",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: config.color, "aria-hidden": "true", children: config.icon }),
+                /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: toolName }),
+                description && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-secondary)]", children: [
+                  "\u2014 ",
+                  description
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                duration !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--axis-text-tertiary)]", children: [
+                  duration,
+                  "ms"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: cn(
+                      "w-4 h-4 text-[var(--axis-text-secondary)] transition-transform",
+                      isExpanded && "rotate-180"
+                    ),
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsxs("div", { id: contentId, className: "border-t border-[var(--axis-border-default)] p-3 space-y-3", children: [
+          input && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uC785\uB825" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: JSON.stringify(input, null, 2) }) })
+          ] }),
+          output !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-secondary)] mb-1", children: "\uCD9C\uB825" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)]", children: typeof output === "string" ? output : JSON.stringify(output, null, 2) }) })
+          ] }),
+          error && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-[var(--axis-text-error)] mb-1", children: "\uC5D0\uB7EC" }),
+            /* @__PURE__ */ jsx("pre", { className: "text-xs p-2 rounded bg-[var(--axis-surface-error)] overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-error)]", children: error }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 export {
   ToolCallCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/agentic-ui",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "description": "AXIS Design System - Agentic UI Components for AI/LLM Applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -71,8 +71,96 @@
       "import": "./dist/attachment-card/index.mjs",
       "require": "./dist/attachment-card/index.js"
     },
+    "./agent-avatar": {
+      "types": "./dist/agent-avatar/index.d.ts",
+      "import": "./dist/agent-avatar/index.mjs",
+      "require": "./dist/agent-avatar/index.js"
+    },
+    "./recovery-banner": {
+      "types": "./dist/recovery-banner/index.d.ts",
+      "import": "./dist/recovery-banner/index.mjs",
+      "require": "./dist/recovery-banner/index.js"
+    },
+    "./source-panel": {
+      "types": "./dist/source-panel/index.d.ts",
+      "import": "./dist/source-panel/index.mjs",
+      "require": "./dist/source-panel/index.js"
+    },
+    "./step-timeline": {
+      "types": "./dist/step-timeline/index.d.ts",
+      "import": "./dist/step-timeline/index.mjs",
+      "require": "./dist/step-timeline/index.js"
+    },
+    "./surface-renderer": {
+      "types": "./dist/surface-renderer/index.d.ts",
+      "import": "./dist/surface-renderer/index.mjs",
+      "require": "./dist/surface-renderer/index.js"
+    },
+    "./thinking-indicator": {
+      "types": "./dist/thinking-indicator/index.d.ts",
+      "import": "./dist/thinking-indicator/index.mjs",
+      "require": "./dist/thinking-indicator/index.js"
+    },
     "./tailwind.css": "./tailwind.css"
   },
+  "typesVersions": {
+    "*": {
+      "run-progress": [
+        "./dist/run-progress/index.d.ts"
+      ],
+      "approval-card": [
+        "./dist/approval-card/index.d.ts"
+      ],
+      "streaming-text": [
+        "./dist/streaming-text/index.d.ts"
+      ],
+      "tool-call-card": [
+        "./dist/tool-call-card/index.d.ts"
+      ],
+      "message-bubble": [
+        "./dist/message-bubble/index.d.ts"
+      ],
+      "feedback-buttons": [
+        "./dist/feedback-buttons/index.d.ts"
+      ],
+      "code-block": [
+        "./dist/code-block/index.d.ts"
+      ],
+      "diff-viewer": [
+        "./dist/diff-viewer/index.d.ts"
+      ],
+      "plan-card": [
+        "./dist/plan-card/index.d.ts"
+      ],
+      "context-panel": [
+        "./dist/context-panel/index.d.ts"
+      ],
+      "token-usage-indicator": [
+        "./dist/token-usage-indicator/index.d.ts"
+      ],
+      "attachment-card": [
+        "./dist/attachment-card/index.d.ts"
+      ],
+      "agent-avatar": [
+        "./dist/agent-avatar/index.d.ts"
+      ],
+      "recovery-banner": [
+        "./dist/recovery-banner/index.d.ts"
+      ],
+      "source-panel": [
+        "./dist/source-panel/index.d.ts"
+      ],
+      "step-timeline": [
+        "./dist/step-timeline/index.d.ts"
+      ],
+      "surface-renderer": [
+        "./dist/surface-renderer/index.d.ts"
+      ],
+      "thinking-indicator": [
+        "./dist/thinking-indicator/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist",
@@ -90,8 +178,8 @@
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.0",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.4.0",
-    "@axis-ds/ui-react": "1.4.0"
+    "@axis-ds/tokens": "1.5.1",
+    "@axis-ds/ui-react": "1.5.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -123,10 +211,10 @@
     "url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
     "directory": "packages/axis-agentic-ui"
   },
-  "homepage": "https://axis.minu.best",
+  "homepage": "https://axis-design-system.pages.dev",
   "scripts": {
-    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
+    "build": "tsup && node scripts/postbuild.mjs",
+    "dev": "tsup --watch --onSuccess \"node scripts/postbuild.mjs\"",
     "clean": "rm -rf dist",
     "lint": "eslint .",
     "test": "vitest run",

package/dist/chunk-42KEAZ2Y.mjs

@@ -1,109 +0,0 @@
-import {
-  ATTACHMENT_TYPE_LABELS
-} from "./chunk-SCZ4BQ2G.mjs";
-
-// src/attachment-card/index.tsx
-import { cn } from "@axis-ds/ui-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var typeIcons = {
-  image: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-  document: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
-  code: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }),
-  archive: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" }) }),
-  other: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) })
-};
-var formatFileSize = (bytes) => {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-};
-function AttachmentCard({
-  type,
-  name,
-  size,
-  url,
-  thumbnail,
-  status = "complete",
-  progress,
-  onRemove,
-  className
-}) {
-  const typeLabel = ATTACHMENT_TYPE_LABELS[type];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "article",
-      "aria-label": `${typeLabel}: ${name}`,
-      className: cn(
-        "flex items-center gap-3 rounded-lg border p-3",
-        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
-        status === "error" && "border-[var(--axis-status-error-border)]",
-        className
-      ),
-      children: [
-        thumbnail ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: thumbnail,
-            alt: "",
-            "aria-hidden": "true",
-            className: "w-10 h-10 rounded object-cover flex-shrink-0"
-          }
-        ) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "w-10 h-10 rounded flex items-center justify-center flex-shrink-0 bg-[var(--axis-surface-secondary)] text-[var(--axis-icon-secondary)]",
-            "aria-hidden": "true",
-            children: typeIcons[type]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--axis-text-primary)] truncate", children: url ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "hover:underline",
-              "aria-label": `${name} (\uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BC)`,
-              children: name
-            }
-          ) : name }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-[var(--axis-text-tertiary)]", children: [
-            /* @__PURE__ */ jsx("span", { children: typeLabel }),
-            size !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ jsx("span", { children: formatFileSize(size) })
-            ] }),
-            status === "error" && /* @__PURE__ */ jsx("span", { className: "text-[var(--axis-text-error)]", children: "\uC5C5\uB85C\uB4DC \uC2E4\uD328" })
-          ] }),
-          status === "uploading" && progress !== void 0 && /* @__PURE__ */ jsx("div", { className: "mt-1.5 h-1 rounded-full bg-[var(--axis-surface-secondary)] overflow-hidden", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "h-full rounded-full bg-[var(--axis-status-running)] transition-all",
-              style: { width: `${progress}%` },
-              role: "progressbar",
-              "aria-valuenow": progress,
-              "aria-valuemin": 0,
-              "aria-valuemax": 100,
-              "aria-label": "\uC5C5\uB85C\uB4DC \uC9C4\uD589\uB960"
-            }
-          ) })
-        ] }),
-        onRemove && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onRemove,
-            "aria-label": `${name} \uC0AD\uC81C`,
-            className: "flex-shrink-0 p-1 rounded-md text-[var(--axis-text-tertiary)] hover:text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-secondary)] transition-colors",
-            children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  AttachmentCard
-};

package/dist/chunk-4CMUEGLK.mjs

@@ -1,80 +0,0 @@
-// src/code-block/index.tsx
-import * as React from "react";
-import { cn } from "@axis-ds/ui-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CodeBlock({
-  code,
-  language,
-  filename,
-  showLineNumbers = false,
-  onCopy,
-  maxHeight,
-  className
-}) {
-  const [copied, setCopied] = React.useState(false);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      onCopy?.(code);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  const lines = code.split("\n");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border overflow-hidden",
-        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-[var(--axis-border-default)] bg-[var(--axis-surface-secondary)]", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            filename && /* @__PURE__ */ jsx("code", { className: "text-xs font-mono text-[var(--axis-text-primary)] truncate", children: filename }),
-            language && /* @__PURE__ */ jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-tertiary)]", children: language })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: handleCopy,
-              "aria-label": copied ? "\uBCF5\uC0AC\uB428" : "\uCF54\uB4DC \uBCF5\uC0AC",
-              className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-[var(--axis-text-secondary)] hover:bg-[var(--axis-surface-tertiary)] transition-colors",
-              children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5 text-[var(--axis-status-success)]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-                /* @__PURE__ */ jsx("span", { children: "\uBCF5\uC0AC\uB428" })
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
-                /* @__PURE__ */ jsx("span", { children: "\uBCF5\uC0AC" })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "overflow-auto",
-            style: maxHeight ? { maxHeight } : void 0,
-            children: /* @__PURE__ */ jsx("pre", { className: "p-3 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: "text-[var(--axis-text-primary)] font-mono", children: showLineNumbers ? /* @__PURE__ */ jsx("table", { className: "border-collapse w-full", role: "presentation", children: /* @__PURE__ */ jsx("tbody", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: "select-none text-right pr-4 text-[var(--axis-text-tertiary)] w-8",
-                  "aria-hidden": "true",
-                  children: i + 1
-                }
-              ),
-              /* @__PURE__ */ jsx("td", { className: "whitespace-pre", children: line })
-            ] }, i)) }) }) : code }) })
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  CodeBlock
-};