@axis-ds/agentic-ui 1.1.0

package/dist/step-timeline/index.js

@@ -0,0 +1,110 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/step-timeline/index.tsx
+var step_timeline_exports = {};
+__export(step_timeline_exports, {
+  StepTimeline: () => StepTimeline
+});
+module.exports = __toCommonJS(step_timeline_exports);
+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/step-timeline/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function StepTimeline({
+  steps,
+  orientation = "vertical",
+  className
+}) {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "list",
+      "aria-label": "\uC791\uC5C5 \uD0C0\uC784\uB77C\uC778",
+      className: (0, import_ui_react.cn)(
+        isVertical ? "flex flex-col gap-4" : "flex items-center gap-2",
+        className
+      ),
+      children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          role: "listitem",
+          "aria-current": step.status === "running" ? "step" : void 0,
+          className: (0, import_ui_react.cn)(
+            "relative flex",
+            isVertical ? "items-start gap-3" : "flex-col items-center"
+          ),
+          children: [
+            index < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: (0, import_ui_react.cn)(
+                  "absolute bg-[var(--axis-border-default)]",
+                  isVertical ? "left-2.5 top-6 w-0.5 h-full -translate-x-1/2" : "top-2.5 left-6 h-0.5 w-full"
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: (0, import_ui_react.cn)(
+                  "relative z-10 w-5 h-5 rounded-full flex items-center justify-center",
+                  step.status === "complete" && "bg-[var(--axis-color-green-500)]",
+                  step.status === "running" && "bg-[var(--axis-color-blue-500)] animate-pulse",
+                  step.status === "error" && "bg-[var(--axis-color-red-500)]",
+                  step.status === "skipped" && "bg-[var(--axis-color-gray-300)]",
+                  step.status === "pending" && "bg-[var(--axis-color-gray-300)]"
+                ),
+                children: step.status === "complete" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_ui_react.cn)(isVertical ? "flex-1" : "text-center mt-2"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "sr-only", children: [
+                STATUS_LABELS[step.status],
+                ":"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-[var(--axis-text-primary)]", children: step.label }),
+              step.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-[var(--axis-text-secondary)]", children: step.description }),
+              step.timestamp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-[var(--axis-text-tertiary)]", children: step.timestamp.toLocaleTimeString() })
+            ] })
+          ]
+        },
+        step.id
+      ))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StepTimeline
+});

package/dist/step-timeline/index.mjs

@@ -0,0 +1,7 @@
+import {
+  StepTimeline
+} from "../chunk-RGPKTWK4.mjs";
+import "../chunk-SCZ4BQ2G.mjs";
+export {
+  StepTimeline
+};

package/dist/streaming-text/index.d.mts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StreamingTextProps {
+    /** 접근성 라이브 영역 모드 */
+    "aria-live"?: "polite" | "assertive" | "off";
+    /** 접근성 레이블 */
+    "aria-label"?: string;
+    /** 스트리밍할 텍스트 */
+    text: string;
+    /** 스트리밍 속도 (ms) */
+    speed?: number;
+    /** 스트리밍 완료 여부 */
+    isComplete?: boolean;
+    /** 커서 표시 여부 */
+    showCursor?: boolean;
+    /** 완료 콜백 */
+    onComplete?: () => void;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 텍스트를 실시간으로 스트리밍하는 컴포넌트
+ * AI 응답을 타이핑 효과로 표시할 때 사용
+ */
+declare function StreamingText({ text, speed, isComplete, showCursor, onComplete, "aria-live": ariaLive, "aria-label": ariaLabel, className, }: StreamingTextProps): react_jsx_runtime.JSX.Element;
+
+export { StreamingText, type StreamingTextProps };

package/dist/streaming-text/index.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface StreamingTextProps {
+    /** 접근성 라이브 영역 모드 */
+    "aria-live"?: "polite" | "assertive" | "off";
+    /** 접근성 레이블 */
+    "aria-label"?: string;
+    /** 스트리밍할 텍스트 */
+    text: string;
+    /** 스트리밍 속도 (ms) */
+    speed?: number;
+    /** 스트리밍 완료 여부 */
+    isComplete?: boolean;
+    /** 커서 표시 여부 */
+    showCursor?: boolean;
+    /** 완료 콜백 */
+    onComplete?: () => void;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 텍스트를 실시간으로 스트리밍하는 컴포넌트
+ * AI 응답을 타이핑 효과로 표시할 때 사용
+ */
+declare function StreamingText({ text, speed, isComplete, showCursor, onComplete, "aria-live": ariaLive, "aria-label": ariaLabel, className, }: StreamingTextProps): react_jsx_runtime.JSX.Element;
+
+export { StreamingText, type StreamingTextProps };

package/dist/streaming-text/index.js

@@ -0,0 +1,97 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/streaming-text/index.tsx
+var streaming_text_exports = {};
+__export(streaming_text_exports, {
+  StreamingText: () => StreamingText
+});
+module.exports = __toCommonJS(streaming_text_exports);
+var React = __toESM(require("react"));
+var import_ui_react = require("@axis-ds/ui-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StreamingText({
+  text,
+  speed = 20,
+  isComplete = false,
+  showCursor = true,
+  onComplete,
+  "aria-live": ariaLive,
+  "aria-label": ariaLabel,
+  className
+}) {
+  const [displayedText, setDisplayedText] = React.useState("");
+  const [isStreaming, setIsStreaming] = React.useState(false);
+  const prevTextRef = React.useRef("");
+  React.useEffect(() => {
+    if (isComplete) {
+      setDisplayedText(text);
+      setIsStreaming(false);
+      return;
+    }
+    if (text.length > prevTextRef.current.length && text.startsWith(prevTextRef.current)) {
+      const newText = text.slice(prevTextRef.current.length);
+      let charIndex = 0;
+      setIsStreaming(true);
+      const interval = setInterval(() => {
+        if (charIndex < newText.length) {
+          setDisplayedText((prev) => prev + newText[charIndex]);
+          charIndex++;
+        } else {
+          clearInterval(interval);
+          setIsStreaming(false);
+          if (onComplete) onComplete();
+        }
+      }, speed);
+      prevTextRef.current = text;
+      return () => clearInterval(interval);
+    } else if (text !== prevTextRef.current) {
+      setDisplayedText("");
+      prevTextRef.current = "";
+    }
+  }, [text, speed, isComplete, onComplete]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "region",
+      "aria-label": ariaLabel || "AI \uC751\uB2F5",
+      "aria-live": ariaLive ?? "polite",
+      "aria-busy": isStreaming,
+      className: (0, import_ui_react.cn)("relative", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[var(--axis-text-primary)] whitespace-pre-wrap", children: displayedText }),
+        showCursor && isStreaming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block w-0.5 h-4 ml-0.5 bg-[var(--axis-text-primary)] animate-pulse", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StreamingText
+});

package/dist/streaming-text/index.mjs

@@ -0,0 +1,6 @@
+import {
+  StreamingText
+} from "../chunk-GQYOOLDL.mjs";
+export {
+  StreamingText
+};

package/dist/surface-renderer/index.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type SurfaceType = "text" | "code" | "table" | "chart" | "form" | "custom";
+interface Surface {
+    id: string;
+    type: SurfaceType;
+    title?: string;
+    content: unknown;
+    metadata?: Record<string, unknown>;
+}
+interface SurfaceRendererProps {
+    surface: Surface;
+    renderCustom?: (surface: Surface) => React.ReactNode;
+    className?: string;
+}
+/**
+ * 다양한 타입의 Surface를 동적으로 렌더링하는 컴포넌트
+ */
+declare function SurfaceRenderer({ surface, renderCustom, className, }: SurfaceRendererProps): react_jsx_runtime.JSX.Element;
+
+export { type Surface, SurfaceRenderer, type SurfaceRendererProps, type SurfaceType };

package/dist/surface-renderer/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type SurfaceType = "text" | "code" | "table" | "chart" | "form" | "custom";
+interface Surface {
+    id: string;
+    type: SurfaceType;
+    title?: string;
+    content: unknown;
+    metadata?: Record<string, unknown>;
+}
+interface SurfaceRendererProps {
+    surface: Surface;
+    renderCustom?: (surface: Surface) => React.ReactNode;
+    className?: string;
+}
+/**
+ * 다양한 타입의 Surface를 동적으로 렌더링하는 컴포넌트
+ */
+declare function SurfaceRenderer({ surface, renderCustom, className, }: SurfaceRendererProps): react_jsx_runtime.JSX.Element;
+
+export { type Surface, SurfaceRenderer, type SurfaceRendererProps, type SurfaceType };

package/dist/surface-renderer/index.js

@@ -0,0 +1,107 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/surface-renderer/index.tsx
+var surface_renderer_exports = {};
+__export(surface_renderer_exports, {
+  SurfaceRenderer: () => SurfaceRenderer
+});
+module.exports = __toCommonJS(surface_renderer_exports);
+var import_ui_react = require("@axis-ds/ui-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SurfaceRenderer({
+  surface,
+  renderCustom,
+  className
+}) {
+  const renderContent = () => {
+    switch (surface.type) {
+      case "text":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "prose prose-sm max-w-none text-[var(--axis-text-primary)]", children: String(surface.content) });
+      case "code":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "p-3 rounded-md bg-[var(--axis-surface-secondary)] overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: "text-sm font-mono text-[var(--axis-text-primary)]", children: String(surface.content) }) });
+      case "table":
+        const tableData = surface.content;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { role: "table", className: "w-full text-sm", children: [
+          surface.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("caption", { className: "sr-only", children: surface.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-b border-[var(--axis-border-default)]", children: tableData.headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "th",
+            {
+              scope: "col",
+              className: "px-3 py-2 text-left font-medium text-[var(--axis-text-secondary)]",
+              children: header
+            },
+            i
+          )) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: tableData.rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "tr",
+            {
+              className: "border-b border-[var(--axis-border-default)] last:border-0",
+              children: row.map((cell, j) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "td",
+                {
+                  className: "px-3 py-2 text-[var(--axis-text-primary)]",
+                  children: cell
+                },
+                j
+              ))
+            },
+            i
+          )) })
+        ] }) });
+      case "chart":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: [
+          "[\uCC28\uD2B8: ",
+          surface.title || "\uB370\uC774\uD130 \uC2DC\uAC01\uD654",
+          "]"
+        ] });
+      case "form":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: [
+          "[\uD3FC: ",
+          surface.title || "\uC785\uB825 \uC591\uC2DD",
+          "]"
+        ] });
+      case "custom":
+        if (renderCustom) {
+          return renderCustom(surface);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-4 text-center text-[var(--axis-text-secondary)]", children: "[\uCEE4\uC2A4\uD140 Surface]" });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_ui_react.cn)(
+        "rounded-lg border p-4",
+        "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+        className
+      ),
+      children: [
+        surface.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "text-sm font-medium text-[var(--axis-text-primary)] mb-3", children: surface.title }),
+        renderContent()
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SurfaceRenderer
+});

package/dist/surface-renderer/index.mjs

@@ -0,0 +1,6 @@
+import {
+  SurfaceRenderer
+} from "../chunk-MVBXXDZB.mjs";
+export {
+  SurfaceRenderer
+};

package/dist/thinking-indicator/index.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ThinkingIndicatorProps {
+    /** 표시할 텍스트 */
+    text?: string;
+    /** 크기 */
+    size?: "sm" | "md" | "lg";
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * AI가 생각 중임을 표시하는 인디케이터
+ */
+declare function ThinkingIndicator({ text, size, className, }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { ThinkingIndicator, type ThinkingIndicatorProps };

package/dist/thinking-indicator/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ThinkingIndicatorProps {
+    /** 표시할 텍스트 */
+    text?: string;
+    /** 크기 */
+    size?: "sm" | "md" | "lg";
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * AI가 생각 중임을 표시하는 인디케이터
+ */
+declare function ThinkingIndicator({ text, size, className, }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { ThinkingIndicator, type ThinkingIndicatorProps };

package/dist/thinking-indicator/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 = {
+  sm: "text-xs gap-1",
+  md: "text-sm gap-1.5",
+  lg: "text-base gap-2"
+};
+var 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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": text,
+      className: (0, import_ui_react.cn)(
+        "flex items-center text-[var(--axis-text-secondary)]",
+        sizeStyles[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-0.5", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_ui_react.cn)(
+              "rounded-full bg-current animate-bounce",
+              dotSizes[size]
+            ),
+            style: { animationDelay: `${i * 150}ms` }
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThinkingIndicator
+});

package/dist/thinking-indicator/index.mjs

@@ -0,0 +1,6 @@
+import {
+  ThinkingIndicator
+} from "../chunk-FYAMA32G.mjs";
+export {
+  ThinkingIndicator
+};

package/dist/token-usage-indicator/index.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TokenUsageIndicatorProps {
+    /** 현재 사용 토큰 수 */
+    current: number;
+    /** 최대 토큰 수 */
+    max: number;
+    /** 비용 (USD) */
+    cost?: number;
+    /** 경고 임계치 (0-1, 기본 0.8) */
+    warningThreshold?: number;
+    /** 컴팩트 모드 */
+    compact?: boolean;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 토큰 사용량 및 비용 표시 컴포넌트
+ */
+declare function TokenUsageIndicator({ current, max, cost, warningThreshold, compact, className, }: TokenUsageIndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { TokenUsageIndicator, type TokenUsageIndicatorProps };

package/dist/token-usage-indicator/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface TokenUsageIndicatorProps {
+    /** 현재 사용 토큰 수 */
+    current: number;
+    /** 최대 토큰 수 */
+    max: number;
+    /** 비용 (USD) */
+    cost?: number;
+    /** 경고 임계치 (0-1, 기본 0.8) */
+    warningThreshold?: number;
+    /** 컴팩트 모드 */
+    compact?: boolean;
+    /** 추가 클래스 */
+    className?: string;
+}
+/**
+ * 토큰 사용량 및 비용 표시 컴포넌트
+ */
+declare function TokenUsageIndicator({ current, max, cost, warningThreshold, compact, className, }: TokenUsageIndicatorProps): react_jsx_runtime.JSX.Element;
+
+export { TokenUsageIndicator, type TokenUsageIndicatorProps };