@plus-experience/design-system-carbon 0.2.2

package/DESIGN_SYSTEM.md

@@ -0,0 +1,62 @@
+# CLAUDE.md — design-system v2 (Carbon) 프로젝트 룰
+
+## 디자인 시스템
+
+이 프로젝트는 **design-system v2** (IBM Carbon Design System v11 기반)를 사용합니다.
+
+### 필수 규칙
+
+1. **네이티브 HTML 금지**: `<button>`, `<input>`, `<select>`, `<textarea>` 대신 항상 `@/components/ui/` 컴포넌트 사용
+2. **하드코딩 색상 금지**: `bg-[#161616]` 대신 `bg-background`, `bg-card`, `text-interactive` 등 CSS 변수 토큰 사용
+3. **접근성 유지**: Carbon 컴포넌트의 aria 속성, labelText 등을 유지
+4. **Carbon 스페이싱**: 8px, 16px, 24px, 32px, 48px 단위 사용
+
+### 컴포넌트 Import
+
+```tsx
+// Button
+import { Button } from "@/components/ui/button"
+
+// Input
+import { Input } from "@/components/ui/input"
+
+// Card
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
+
+// Badge (Carbon Tag 래퍼)
+import { Badge } from "@/components/ui/badge"
+
+// Dialog (Carbon ComposedModal 래퍼)
+import { Dialog, DialogHeader, DialogContent, DialogFooter } from "@/components/ui/dialog"
+
+// Table
+import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@/components/ui/table"
+
+// Accordion
+import { Accordion, AccordionItem } from "@/components/ui/accordion"
+
+// Tabs
+import { Tabs, TabsList, TabsTrigger, TabsContent, TabsContentGroup } from "@/components/ui/tabs"
+
+// Alert (Carbon InlineNotification 래퍼)
+import { Alert } from "@/components/ui/alert"
+
+// Loading
+import { Loading, Spinner } from "@/components/ui/loading"
+
+// Icons (Carbon Icons)
+import { Add, Edit, TrashCan, Search, ChevronRight } from "@carbon/icons-react"
+```
+
+### 테마
+
+- Dark 모드 기본 (`className="dark"` on html)
+- Primary: #0f62fe (Blue 60)
+- Interactive: #78a9ff (dark) / #0f62fe (light)
+- Font: IBM Plex Sans
+
+### 스타일
+
+- Carbon SCSS: `app/carbon.scss` (자동 import)
+- Tailwind 유틸리티: 레이아웃에 사용 (flex, grid, gap, padding 등)
+- CSS 변수 토큰: `globals.css`에 정의

package/VIBECODING.md

@@ -0,0 +1,70 @@
+# design-system v2 — Carbon Design System 바이브코딩 룰
+
+## 핵심 원칙
+
+1. **네이티브 HTML 금지** — `<button>`, `<input>`, `<select>` 대신 항상 `components/ui/` 래퍼를 사용하세요.
+2. **Carbon 토큰 사용** — 하드코딩 색상 금지. `bg-primary`, `text-interactive`, `bg-card` 같은 CSS 변수 사용.
+3. **접근성 우선** — Carbon 컴포넌트는 WCAG 2.1 AA 기준을 충족합니다. aria 속성을 유지하세요.
+4. **2px Grid 시스템** — Carbon의 2px 기반 스페이싱: 8px, 16px, 24px, 32px, 48px 단위 사용.
+
+## 디자인 시스템
+
+- **Base**: IBM Carbon Design System v11
+- **Components**: `@carbon/react` + 커스텀 래퍼
+- **Icons**: `@carbon/icons-react`
+- **Font**: IBM Plex Sans (Sans), IBM Plex Mono (Mono)
+- **Theme**: g90 (dark default) / White (light)
+- **Primary Color**: Blue 60 (#0f62fe)
+- **Interactive**: Blue 60 (light) / Blue 40 (#78a9ff, dark)
+- **Destructive**: Red 60 (#da1e28, light) / Red 50 (#fa4d56, dark)
+- **Border Radius**: 0px (Carbon 기본 — 직각 모서리)
+
+## 컬러 토큰 매핑
+
+| Tailwind 토큰 | Light | Dark | 용도 |
+|---|---|---|---|
+| `bg-background` | #ffffff | #161616 | 페이지 배경 |
+| `text-foreground` | #161616 | #f4f4f4 | 기본 텍스트 |
+| `bg-primary` | #0f62fe | #0f62fe | 주요 액션 |
+| `text-interactive` | #0f62fe | #78a9ff | 인터랙티브 요소 |
+| `bg-card` | #f4f4f4 | #262626 | 카드/타일 배경 |
+| `bg-muted` | #f4f4f4 | #262626 | 뮤트 배경 |
+| `text-muted-foreground` | #6f6f6f | #a8a8a8 | 보조 텍스트 |
+| `bg-destructive` | #da1e28 | #fa4d56 | 위험/삭제 |
+| `border-border` | #e0e0e0 | #393939 | 테두리 |
+
+## Carbon → design-system 컴포넌트 매핑
+
+| design-system v2 | Carbon 원본 | 비고 |
+|---|---|---|
+| `Button` | `Button` | variant → kind 매핑 |
+| `Input` | `TextInput` | label, helperText 지원 |
+| `Textarea` | `TextArea` | |
+| `Card` | `Tile / ClickableTile` | onClick 시 ClickableTile |
+| `Checkbox` | `Checkbox` | |
+| `RadioGroup` | `RadioButtonGroup` | |
+| `Select` | `Select / SelectItem` | |
+| `Switch` | `Toggle` | |
+| `Badge` | `Tag` | variant → type 매핑 |
+| `Dialog` | `ComposedModal` | |
+| `Tabs` | `Tabs / TabList / Tab` | |
+| `Alert` | `InlineNotification` | |
+| `Tooltip` | `Tooltip / Toggletip` | |
+| `Breadcrumb` | `Breadcrumb` | |
+| `Pagination` | `Pagination` | |
+| `Progress` | `ProgressBar` | |
+| `Skeleton` | `SkeletonText` | |
+| `Loading` | `Loading / InlineLoading` | |
+| `DropdownMenu` | `OverflowMenu` | |
+| `CodeSnippet` | `CodeSnippet` | |
+| `Search` | `Search` | |
+| `Grid` | `Grid / Column` | |
+
+## 룰
+
+- Dark 모드가 기본 (`className="dark"`)
+- 버튼 variant: default(primary), outline(tertiary), secondary, ghost, destructive(danger)
+- 인라인 스타일 금지
+- 넉넉한 패딩: 카드 내부 p-6 이상, 섹션 gap-6 이상
+- footer에 `border-t bg-muted` 패턴 금지
+- Carbon의 모션 가이드라인 준수 (productive motion)

package/app/carbon.scss

@@ -0,0 +1,2 @@
+// Carbon Design System v11 — Core styles
+@use '@carbon/react';

package/app/globals.css

@@ -0,0 +1,152 @@
+@import "tailwindcss/theme" theme(inline);
+@import "tailwindcss/utilities";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
+  --font-heading: var(--font-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-interactive: var(--interactive);
+  --color-interactive-hover: var(--interactive-hover);
+  --radius-sm: calc(var(--radius) * 0.5);
+  --radius-md: calc(var(--radius) * 0.75);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.5);
+  --radius-2xl: calc(var(--radius) * 2);
+  --radius-3xl: calc(var(--radius) * 2.5);
+  --radius-4xl: calc(var(--radius) * 3);
+}
+
+/* ── Light theme (Carbon White / g10) ── */
+:root {
+  --background: #ffffff;
+  --foreground: #161616;
+  --card: #f4f4f4;
+  --card-foreground: #161616;
+  --popover: #ffffff;
+  --popover-foreground: #161616;
+  --primary: #0f62fe;
+  --primary-foreground: #ffffff;
+  --secondary: #e0e0e0;
+  --secondary-foreground: #161616;
+  --muted: #f4f4f4;
+  --muted-foreground: #6f6f6f;
+  --accent: #e0e0e0;
+  --accent-foreground: #161616;
+  --destructive: #da1e28;
+  --border: #e0e0e0;
+  --input: #e0e0e0;
+  --ring: #0f62fe;
+  --interactive: #0f62fe;
+  --interactive-hover: #0043ce;
+  --chart-1: #0f62fe;
+  --chart-2: #6929c4;
+  --chart-3: #009d9a;
+  --chart-4: #ee538b;
+  --chart-5: #fa4d56;
+  --radius: 0px;
+  --sidebar: #f4f4f4;
+  --sidebar-foreground: #161616;
+  --sidebar-primary: #0f62fe;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #e0e0e0;
+  --sidebar-accent-foreground: #161616;
+  --sidebar-border: #e0e0e0;
+  --sidebar-ring: #0f62fe;
+}
+
+/* ── Dark theme (Carbon g90 / g100) ── */
+.dark {
+  --background: #161616;
+  --foreground: #f4f4f4;
+  --card: #262626;
+  --card-foreground: #f4f4f4;
+  --popover: #262626;
+  --popover-foreground: #f4f4f4;
+  --primary: #0f62fe;
+  --primary-foreground: #ffffff;
+  --secondary: #393939;
+  --secondary-foreground: #f4f4f4;
+  --muted: #262626;
+  --muted-foreground: #a8a8a8;
+  --accent: #393939;
+  --accent-foreground: #f4f4f4;
+  --destructive: #fa4d56;
+  --border: #393939;
+  --input: #393939;
+  --ring: #0f62fe;
+  --interactive: #78a9ff;
+  --interactive-hover: #a6c8ff;
+  --chart-1: #78a9ff;
+  --chart-2: #be95ff;
+  --chart-3: #08bdba;
+  --chart-4: #ff7eb6;
+  --chart-5: #fa4d56;
+  --sidebar: #1c1c1c;
+  --sidebar-foreground: #f4f4f4;
+  --sidebar-primary: #78a9ff;
+  --sidebar-primary-foreground: #161616;
+  --sidebar-accent: #393939;
+  --sidebar-accent-foreground: #f4f4f4;
+  --sidebar-border: #393939;
+  --sidebar-ring: #78a9ff;
+}
+
+@layer base {
+  * {
+    border-color: var(--border);
+  }
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+  html {
+    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  }
+}
+
+/* Carbon UI Shell adjustments for docs */
+.docs-sidenav.cds--side-nav {
+  position: fixed;
+  top: 3rem;
+  bottom: 0;
+  width: 16rem;
+  z-index: 40;
+}
+
+.cds--content {
+  margin-left: 0;
+}
+

package/bin/setup.js

@@ -0,0 +1,271 @@
+#!/usr/bin/env node
+
+const { execSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+const cwd = process.cwd();
+
+function run(cmd) {
+  console.log(`  $ ${cmd}`);
+  execSync(cmd, { cwd, stdio: "inherit" });
+}
+
+function log(msg) {
+  console.log(`✓ ${msg}`);
+}
+
+console.log("\ndesign-system v2 (Carbon) 세팅 시작...\n");
+
+// 1. design-system-carbon 설치
+run("npm install @plus-experience/design-system-carbon");
+log("@plus-experience/design-system-carbon 설치");
+
+// 3. 핵심 의존성
+const pkg = JSON.parse(fs.readFileSync(path.join(cwd, "package.json"), "utf8"));
+if (!pkg.dependencies?.next) {
+  run("npm install next react react-dom");
+  log("next, react, react-dom 설치");
+}
+
+// 4. UI 의존성 (Carbon + utilities)
+run("npm install @carbon/react @carbon/icons-react clsx tailwind-merge next-themes date-fns recharts");
+log("Carbon + UI 의존성 설치");
+
+// 5. dev 의존성 (sass)
+run("npm install -D sass");
+log("sass 설치");
+
+// 6. globals.css 복사
+const appDir = path.join(cwd, "app");
+if (!fs.existsSync(appDir)) fs.mkdirSync(appDir, { recursive: true });
+
+const srcCss = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/app/globals.css");
+if (fs.existsSync(srcCss)) {
+  let cssContent = fs.readFileSync(srcCss, "utf8");
+  const styleImport = '@import "@plus-experience/design-system-carbon/styles.css";';
+  if (!cssContent.includes(styleImport)) {
+    cssContent = cssContent.replace(
+      '@import "tailwindcss/theme"',
+      '@import "tailwindcss/theme"' + '\n' + styleImport
+    );
+  }
+  fs.writeFileSync(path.join(appDir, "globals.css"), cssContent);
+  log("globals.css 복사");
+}
+
+// 7. carbon.scss 복사
+const srcScss = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/app/carbon.scss");
+if (fs.existsSync(srcScss)) {
+  fs.copyFileSync(srcScss, path.join(appDir, "carbon.scss"));
+  log("carbon.scss 복사");
+}
+
+// 8. DESIGN_SYSTEM.md + CLAUDE.md + AGENTS.md 설정
+const dsSourcePath = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/DESIGN_SYSTEM.md");
+if (fs.existsSync(dsSourcePath)) {
+  const dsContent = fs.readFileSync(dsSourcePath, "utf8");
+
+  // DESIGN_SYSTEM.md — 항상 덮어쓰기 (우리 파일)
+  fs.writeFileSync(path.join(cwd, "DESIGN_SYSTEM.md"), dsContent);
+  log("DESIGN_SYSTEM.md 생성");
+
+  // CLAUDE.md — @DESIGN_SYSTEM.md 참조 추가 (기존 내용 유지)
+  const claudePath = path.join(cwd, "CLAUDE.md");
+  const claudeRef = "@DESIGN_SYSTEM.md";
+  if (fs.existsSync(claudePath)) {
+    const claudeContent = fs.readFileSync(claudePath, "utf8");
+    if (!claudeContent.includes(claudeRef)) {
+      fs.appendFileSync(claudePath, "\n" + claudeRef + "\n");
+      log("CLAUDE.md — @DESIGN_SYSTEM.md 참조 추가");
+    } else {
+      log("CLAUDE.md — 이미 참조됨 (스킵)");
+    }
+  } else {
+    fs.writeFileSync(claudePath, claudeRef + "\n");
+    log("CLAUDE.md 생성 (@DESIGN_SYSTEM.md 참조)");
+  }
+
+  // AGENTS.md — BEGIN/END 블록으로 내용 직접 삽입 (Codex 등 대응)
+  const agentsPath = path.join(cwd, "AGENTS.md");
+  const beginTag = "<!-- BEGIN:design-system-rules -->";
+  const endTag = "<!-- END:design-system-rules -->";
+  const dsBlock = beginTag + "\n" + dsContent + "\n" + endTag;
+
+  if (fs.existsSync(agentsPath)) {
+    let agentsContent = fs.readFileSync(agentsPath, "utf8");
+    const blockRegex = /<!-- BEGIN:design-system-rules -->[\s\S]*?<!-- END:design-system-rules -->/;
+    if (blockRegex.test(agentsContent)) {
+      agentsContent = agentsContent.replace(blockRegex, dsBlock);
+      fs.writeFileSync(agentsPath, agentsContent);
+      log("AGENTS.md — design-system 룰 업데이트");
+    } else {
+      fs.appendFileSync(agentsPath, "\n" + dsBlock + "\n");
+      log("AGENTS.md — design-system 룰 추가");
+    }
+  } else {
+    fs.writeFileSync(agentsPath, dsBlock + "\n");
+    log("AGENTS.md 생성 (design-system 룰 포함)");
+  }
+}
+
+// 9. next.config 수정
+patchNextConfig();
+
+// 10. layout.tsx 수정
+patchLayout();
+
+// 11. IBM Plex 폰트 추가
+patchLayoutFont();
+
+console.log("\n✅ design-system v2 (Carbon) 세팅 완료!");
+console.log('   import { Button } from "@plus-experience/design-system-carbon/ui/button" 로 사용하세요.\n');
+
+// --- helpers ---
+
+function patchNextConfig() {
+  const candidates = ["next.config.ts", "next.config.mjs", "next.config.js"];
+  let configPath = null;
+  for (const name of candidates) {
+    const p = path.join(cwd, name);
+    if (fs.existsSync(p)) { configPath = p; break; }
+  }
+
+  if (!configPath) {
+    configPath = path.join(cwd, "next.config.ts");
+    fs.writeFileSync(configPath, [
+      'import type { NextConfig } from "next";',
+      '',
+      'const nextConfig: NextConfig = {',
+      '  transpilePackages: ["@plus-experience/design-system-carbon"],',
+      '  sassOptions: {',
+      '    silenceDeprecations: ["mixed-decls", "color-functions", "global-builtin", "import"],',
+      '  },',
+      '};',
+      '',
+      'export default nextConfig;',
+      '',
+    ].join("\n"));
+    log("next.config.ts 생성");
+    return;
+  }
+
+  let content = fs.readFileSync(configPath, "utf8");
+
+  if (content.includes("@plus-experience/design-system-carbon")) {
+    log("next.config — 이미 설정됨 (스킵)");
+    return;
+  }
+
+  if (content.includes("transpilePackages")) {
+    content = content.replace(
+      /transpilePackages\s*:\s*\[/,
+      'transpilePackages: ["@plus-experience/design-system-carbon", '
+    );
+    fs.writeFileSync(configPath, content);
+    log(`${path.basename(configPath)} — transpilePackages에 추가`);
+    return;
+  }
+
+  const patterns = [
+    /(:.*NextConfig\s*=\s*\{)/,
+    /(const\s+\w+\s*=\s*\{)/,
+    /(export\s+default\s*\{)/,
+    /(module\.exports\s*=\s*\{)/,
+  ];
+
+  for (const pattern of patterns) {
+    if (pattern.test(content)) {
+      content = content.replace(pattern, '$1\n  transpilePackages: ["@plus-experience/design-system-carbon"],\n  sassOptions: { silenceDeprecations: ["mixed-decls", "color-functions", "global-builtin", "import"] },');
+      fs.writeFileSync(configPath, content);
+      log(`${path.basename(configPath)} — transpilePackages + sassOptions 추가`);
+      return;
+    }
+  }
+
+  console.log(`⚠️  ${path.basename(configPath)} 자동 수정 실패 — 수동으로 설정해주세요.`);
+}
+
+function patchLayoutFont() {
+  const layoutCandidates = ["app/layout.tsx", "app/layout.jsx", "app/layout.js"];
+  let layoutPath = null;
+  for (const name of layoutCandidates) {
+    const p = path.join(cwd, name);
+    if (fs.existsSync(p)) { layoutPath = p; break; }
+  }
+  if (!layoutPath) return;
+
+  let content = fs.readFileSync(layoutPath, "utf8");
+  const fontUrl = "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
+
+  if (content.includes("IBM+Plex")) {
+    log("IBM Plex 폰트 — 이미 설정됨 (스킵)");
+    return;
+  }
+
+  if (content.includes("<head>")) {
+    content = content.replace(
+      "<head>",
+      `<head>\n        <link rel="stylesheet" href="${fontUrl}" />`
+    );
+  } else if (/<html\b[^>]*>/.test(content)) {
+    content = content.replace(
+      /(<html\b[^>]*>)/,
+      `$1\n      <head>\n        <link rel="stylesheet" href="${fontUrl}" />\n      </head>`
+    );
+  }
+
+  fs.writeFileSync(layoutPath, content);
+  log("IBM Plex 폰트 CDN 추가");
+}
+
+function patchLayout() {
+  const layoutCandidates = ["app/layout.tsx", "app/layout.jsx", "app/layout.js"];
+  let layoutPath = null;
+  for (const name of layoutCandidates) {
+    const p = path.join(cwd, name);
+    if (fs.existsSync(p)) { layoutPath = p; break; }
+  }
+
+  if (!layoutPath) return;
+
+  let content = fs.readFileSync(layoutPath, "utf8");
+  let modified = false;
+
+  if (!content.includes('"dark"') && !content.includes("'dark'")) {
+    if (/<html[^>]*className\s*=\s*"([^"]*)"/.test(content)) {
+      content = content.replace(
+        /(<html[^>]*className\s*=\s*")([^"]*")/,
+        '$1dark $2'
+      );
+      modified = true;
+    } else if (/<html\b/.test(content) && !/<html[^>]*className/.test(content)) {
+      content = content.replace(/(<html\b)/, '$1 className="dark"');
+      modified = true;
+    }
+  }
+
+  if (!content.includes("suppressHydrationWarning")) {
+    content = content.replace(/(<html\b[^>]*)(>)/, '$1 suppressHydrationWarning$2');
+    modified = true;
+  }
+
+  // Add carbon.scss import if not present
+  if (!content.includes("carbon.scss")) {
+    const importLine = 'import "./carbon.scss";';
+    if (content.includes("import")) {
+      // Add after last import
+      const lastImportIdx = content.lastIndexOf("import ");
+      const endOfLine = content.indexOf("\n", lastImportIdx);
+      content = content.slice(0, endOfLine + 1) + importLine + "\n" + content.slice(endOfLine + 1);
+      modified = true;
+    }
+  }
+
+  if (modified) {
+    fs.writeFileSync(layoutPath, content);
+    log("app/layout — dark 클래스 + carbon.scss import 추가");
+  } else {
+    log("app/layout — 이미 설정됨 (스킵)");
+  }
+}

package/dist/chunk-OELI3IRW.mjs

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export { __objRest, __spreadValues };

package/dist/chunk-PWVNM57C.mjs

@@ -0,0 +1,8 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/components/ui/accordion.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Accordion as Accordion$1, AccordionItem as AccordionItem$1 } from '@carbon/react';
+
+type CarbonAccordionProps = React.ComponentProps<typeof Accordion$1>;
+type CarbonAccordionItemProps = React.ComponentProps<typeof AccordionItem$1>;
+interface AccordionProps extends CarbonAccordionProps {
+}
+interface AccordionItemProps extends CarbonAccordionItemProps {
+}
+declare function Accordion({ className, ...props }: AccordionProps): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionItemProps): React.JSX.Element;
+
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps };

package/dist/components/ui/accordion.mjs

@@ -0,0 +1,27 @@
+import { cn } from '../../chunk-PWVNM57C.mjs';
+import { __objRest, __spreadValues } from '../../chunk-OELI3IRW.mjs';
+import * as React from 'react';
+import { Accordion as Accordion$1, AccordionItem as AccordionItem$1 } from '@carbon/react';
+
+function Accordion(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    Accordion$1,
+    __spreadValues({
+      "data-slot": "accordion",
+      className: cn(className)
+    }, props)
+  );
+}
+function AccordionItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    AccordionItem$1,
+    __spreadValues({
+      "data-slot": "accordion-item",
+      className: cn(className)
+    }, props)
+  );
+}
+
+export { Accordion, AccordionItem };

package/dist/components/ui/alert.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ActionableNotification, InlineNotification, ToastNotification } from '@carbon/react';
+
+type CarbonInlineNotificationProps = React.ComponentProps<typeof InlineNotification>;
+type CarbonToastNotificationProps = React.ComponentProps<typeof ToastNotification>;
+type CarbonActionableNotificationProps = React.ComponentProps<typeof ActionableNotification>;
+interface AlertProps extends CarbonInlineNotificationProps {
+}
+interface ToastProps extends CarbonToastNotificationProps {
+}
+interface ActionableAlertProps extends CarbonActionableNotificationProps {
+}
+declare function Alert({ className, ...props }: AlertProps): React.JSX.Element;
+declare function Toast({ className, ...props }: ToastProps): React.JSX.Element;
+declare function ActionableAlert({ className, ...props }: ActionableAlertProps): React.JSX.Element;
+
+export { ActionableAlert, type ActionableAlertProps, Alert, type AlertProps, Toast, type ToastProps };