@reopt-ai/opt-ui 1.4.1

package/dist/types-D4-0lwaE.d.ts

@@ -0,0 +1,298 @@
+/** Defines the command shape (data for command palettes / menus). */
+interface CommandDef {
+    id: string;
+    label: string;
+    group: string;
+    shortcut?: string;
+    action: () => void;
+}
+/** Defines the stat card shape. */
+interface StatCard {
+    id: string;
+    title: string;
+    value: string;
+    change: string;
+    trend: "up" | "down" | "neutral";
+    rawValue?: number;
+    format?: "text" | "duration" | "percentage";
+    durationUnit?: "ms" | "s";
+}
+/** Defines the nav item shape. */
+interface NavItem {
+    id: string;
+    label: string;
+    href: string;
+}
+/** Defines the faq item shape. */
+interface FaqItem {
+    id: string;
+    question: string;
+    answer: string;
+}
+/** Defines the select option shape. */
+interface SelectOption {
+    value: string;
+    label: string;
+    color?: string;
+}
+/** Defines the menu item shape. */
+interface MenuItemDef {
+    id: string;
+    label: string;
+    type?: "item" | "separator" | "checkbox" | "radio";
+    shortcut?: string;
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    onClick?: () => void;
+}
+/** Defines the menu shape. */
+interface MenuDef {
+    id: string;
+    label: string;
+    items: MenuItemDef[];
+}
+/** Defines the nav item shape. */
+interface NavItemDef {
+    id: string;
+    label: string;
+    href: string;
+    separator?: boolean;
+    sectionLabel?: string;
+}
+/** Defines the toolbar button shape. */
+interface ToolbarButtonDef {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    separator?: boolean;
+}
+/** Defines the tab shape. */
+interface TabDef {
+    id: string;
+    label: string;
+    content: React.ReactNode;
+}
+/** Defines the form field shape. */
+interface FormFieldDef {
+    name: string;
+    label: string;
+    type?: "text" | "email" | "password" | "number" | "checkbox" | "radio" | "textarea" | "select" | "switch" | "tags";
+    placeholder?: string;
+    defaultValue?: unknown;
+    required?: boolean;
+    requiredMessage?: string;
+    validate?: (value: unknown) => string | undefined;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    /** textarea 전용: 표시 줄 수 */
+    rows?: number;
+    /** textarea 전용: 크기 조절 방향 */
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    /** textarea 전용: 폰트 스타일 */
+    font?: "default" | "mono";
+    /** switch 전용: 설명 텍스트 */
+    description?: string;
+    /** 조건부 필드 표시 — false 또는 함수가 false를 반환하면 필드 숨김 */
+    visible?: boolean | ((values: Record<string, unknown>) => boolean);
+}
+/** Defines the deployment step shape. */
+interface DeploymentStep {
+    id: string;
+    name: string;
+    status: "pending" | "running" | "success" | "error" | "skipped";
+    duration?: string;
+    detail?: string;
+}
+/** Defines the project shape. */
+interface ProjectDef {
+    id: string;
+    name: string;
+    framework: string;
+    status: "active" | "paused" | "error";
+    domain?: string;
+}
+/** Defines the env var shape. */
+interface EnvVarDef {
+    key: string;
+    value: string;
+    isSecret?: boolean;
+}
+/** Defines the env group shape. */
+interface EnvGroupDef {
+    env: string;
+    vars: EnvVarDef[];
+}
+/** Defines the branch shape. */
+interface BranchDef {
+    name: string;
+    isDefault?: boolean;
+    lastCommit?: string;
+    author?: string;
+}
+/** Defines the domain shape. */
+interface DomainDef {
+    domain: string;
+    status: "active" | "pending" | "error";
+    ssl: "valid" | "expired" | "pending";
+    redirect?: string;
+    addedAt?: string;
+}
+/** Defines the table column shape. */
+interface TableColumn<T> {
+    id: string;
+    header: string;
+    accessor: keyof T | ((row: T) => React.ReactNode);
+    width?: string;
+    align?: "left" | "center" | "right";
+}
+/** Defines the toast options shape. */
+interface ToastOptions {
+    variant: "info" | "success" | "warning" | "error";
+    title?: string;
+    message: string;
+    duration?: number;
+}
+/** Defines the task shape. */
+interface TaskDef {
+    id: string;
+    title: string;
+    description?: string;
+    status: "todo" | "in-progress" | "review" | "done";
+    priority: "low" | "medium" | "high" | "urgent";
+    assignee?: TeamMemberDef;
+    dueDate?: string;
+    tags?: string[];
+    subtasks?: {
+        id: string;
+        title: string;
+        completed: boolean;
+    }[];
+}
+/** Defines the team member shape. */
+interface TeamMemberDef {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+    role?: string;
+    status?: "online" | "away" | "busy" | "offline";
+}
+/** Defines the activity shape. */
+interface ActivityDef {
+    id: string;
+    type: "created" | "updated" | "completed" | "commented" | "assigned" | "deployed" | "merged";
+    title: string;
+    description?: string;
+    actor: TeamMemberDef;
+    timestamp: string;
+    metadata?: Record<string, unknown>;
+    variant?: "default" | "error" | "warning";
+}
+/** Defines the filter option shape. */
+interface FilterOption {
+    id: string;
+    label: string;
+    value: string;
+}
+/** Defines the filter group shape. */
+interface FilterGroupDef {
+    id: string;
+    label: string;
+    type: "select" | "multi-select" | "search" | "date-range" | "tag" | "toggle";
+    options?: FilterOption[];
+    value?: string | string[] | boolean;
+}
+/** Defines the quick action shape. */
+interface QuickActionDef {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    onClick: () => void;
+    disabled?: boolean;
+}
+/** Defines the time preset shape. */
+interface TimePreset {
+    label: string;
+    days: number;
+}
+/** Type definition for export format. */
+type ExportFormat = "csv" | "json" | "pdf";
+/** Defines the export column shape. */
+interface ExportColumn {
+    key: string;
+    header: string;
+}
+/** Defines the failure item shape. */
+interface FailureItem {
+    id: string;
+    title: string;
+    message?: string;
+    severity: "critical" | "error" | "warning";
+    timestamp: string;
+    group?: string;
+    metadata?: Record<string, unknown>;
+}
+/** Defines the chart data point shape. */
+interface ChartDataPoint {
+    name: string;
+    [key: string]: string | number;
+}
+/** Defines the chart series shape. */
+interface ChartSeriesDef {
+    dataKey: string;
+    name: string;
+    color?: string;
+    type?: "line" | "bar" | "area";
+    stackId?: string;
+}
+/** Configuration for chart. */
+interface ChartConfig {
+    series: ChartSeriesDef[];
+    xAxisKey?: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    animate?: boolean;
+}
+/** Defines the chart margin shape. */
+interface ChartMargin {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+/** Defines the chat conversation shape. */
+interface ChatConversationDef {
+    id: string;
+    title: string;
+    lastMessage?: string;
+    timestamp: string;
+    unread?: boolean;
+}
+/** Defines the chat message shape. */
+interface ChatMessageDef {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    timestamp: string;
+}
+/** Defines the chat model shape. */
+interface ChatModelDef {
+    id: string;
+    label: string;
+    description?: string;
+}
+/** Defines the chat style preset shape. */
+interface ChatStylePresetDef {
+    id: string;
+    label: string;
+    systemPrompt?: string;
+}
+
+export type { ActivityDef as A, BranchDef as B, ChatConversationDef as C, DeploymentStep as D, ExportColumn as E, FilterGroupDef as F, MenuDef as M, NavItem as N, ProjectDef as P, QuickActionDef as Q, StatCard as S, TaskDef as T, TeamMemberDef as a, FormFieldDef as b, ExportFormat as c, TabDef as d, ChatModelDef as e, ChatStylePresetDef as f, ChatMessageDef as g, ChartConfig as h, ChartDataPoint as i, ChartMargin as j, ChartSeriesDef as k, CommandDef as l, DomainDef as m, EnvGroupDef as n, EnvVarDef as o, FailureItem as p, FaqItem as q, FilterOption as r, MenuItemDef as s, NavItemDef as t, SelectOption as u, TableColumn as v, TimePreset as w, ToastOptions as x, ToolbarButtonDef as y };

package/dist/visuals/index.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }"use client";
+
+// src/visuals/index.ts
+var _optcharts = require('@reopt-ai/opt-charts'); _createStarExport(_optcharts);

package/dist/visuals/index.d.cts

@@ -0,0 +1 @@
+export * from '@reopt-ai/opt-charts';

package/dist/visuals/index.d.ts

@@ -0,0 +1 @@
+export * from '@reopt-ai/opt-charts';

package/dist/visuals/index.js

@@ -0,0 +1,4 @@
+"use client";
+
+// src/visuals/index.ts
+export * from "@reopt-ai/opt-charts";

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "@reopt-ai/opt-ui",
+  "version": "1.4.1",
+  "description": "접근성 우선 UI 컴포넌트 라이브러리. opt-ui-primitives Core, 비즈니스 Shells, 페이지 Surfaces.",
+  "type": "module",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "author": {
+    "name": "reopt-ai",
+    "url": "https://github.com/reopt-ai"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/reopt-ai/react-design.git",
+    "directory": "packages/opt-ui"
+  },
+  "homepage": "https://design.reopt.ai/docs/opt-ui",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "accessibility",
+    "a11y",
+    "opt-ui-primitives",
+    "keyboard-navigation",
+    "spatial-navigation",
+    "tailwindcss",
+    "design-system"
+  ],
+  "sideEffects": [
+    "./dist/lib/theme/presets/*.css",
+    "./dist/theme/presets/*.css",
+    "./dist/tailwind.css",
+    "./dist/tailwind.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
+      "default": "./dist/index.js"
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core/index.d.ts",
+        "default": "./dist/core/index.js"
+      },
+      "require": {
+        "types": "./dist/core/index.d.cts",
+        "default": "./dist/core/index.cjs"
+      },
+      "default": "./dist/core/index.js"
+    },
+    "./visuals": {
+      "import": {
+        "types": "./dist/visuals/index.d.ts",
+        "default": "./dist/visuals/index.js"
+      },
+      "require": {
+        "types": "./dist/visuals/index.d.cts",
+        "default": "./dist/visuals/index.cjs"
+      },
+      "default": "./dist/visuals/index.js"
+    },
+    "./shells": {
+      "import": {
+        "types": "./dist/shells/index.d.ts",
+        "default": "./dist/shells/index.js"
+      },
+      "require": {
+        "types": "./dist/shells/index.d.cts",
+        "default": "./dist/shells/index.cjs"
+      },
+      "default": "./dist/shells/index.js"
+    },
+    "./meta": {
+      "import": {
+        "types": "./dist/meta.d.ts",
+        "default": "./dist/meta.js"
+      },
+      "require": {
+        "types": "./dist/meta.d.cts",
+        "default": "./dist/meta.cjs"
+      },
+      "default": "./dist/meta.js"
+    },
+    "./id-registry": {
+      "import": {
+        "types": "./dist/id-registry.d.ts",
+        "default": "./dist/id-registry.js"
+      },
+      "require": {
+        "types": "./dist/id-registry.d.cts",
+        "default": "./dist/id-registry.cjs"
+      },
+      "default": "./dist/id-registry.js"
+    },
+    "./id-registry.json": "./dist/id-registry.json",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./theme/presets/default.css": "./dist/theme/presets/default.css",
+    "./theme/presets/minimal.css": "./dist/theme/presets/minimal.css",
+    "./theme/presets/natural.css": "./dist/theme/presets/natural.css",
+    "./theme/presets/pro.css": "./dist/theme/presets/pro.css",
+    "./theme/presets/mono-dark.css": "./dist/theme/presets/mono-dark.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "COMPONENT_CATALOG.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "dependencies": {
+    "@reopt-ai/opt-charts": "^1.0.0",
+    "@reopt-ai/opt-palette": "^1.0.0",
+    "@reopt-ai/opt-ui-primitives": "^1.4.2",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.577.0",
+    "match-sorter": "^8.2.0",
+    "ogl": "^1.0.11",
+    "react-is": "^19.2.7",
+    "react-resizable-panels": "^4.6.2",
+    "tailwind-merge": "^3.4.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next": ">=16.0.0",
+    "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/state": "^6.5.4",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.39.12"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "@codemirror/lang-sql": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/theme-one-dark": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
+    }
+  }
+}