atomsystem 0.3.0 → 0.4.0

package/README.md

@@ -134,7 +134,7 @@ AI Agent는 자동으로 디자인 토큰과 UX 표준을 적용하여 일관된
 | :--- | :--- |
 | `atomsystem` | 토큰 데이터 모델, 테마 엔진, 색상/타이포 유틸리티 |
 | `atomsystem/css/atom-ui.css` | 전역 스타일 및 시멘틱 UI 클래스 (`.atom-btn`, `.atom-card` 등) |
-| `atomsystem/components/*` | React UI 컴포넌트 (`Button`, `Card`, `Modal`, `Input`, `Badge`) |
+| `atomsystem/components/*` | React UI 컴포넌트 풀세트 (`Button`, `Input`, `Card`, `Badge`, `Modal`, `Calendar`, `Select`, `Accordion`, `Radio`, `Slider`, `Avatar`, `Progress`, `Skeleton`, `Breadcrumb`, `Separator`, `Textarea`, `Pagination`, `Tooltip`) |
 | `atomsystem/token.json` | W3C DTCG 포맷 단일 진실 공급원 토큰 파일 |
 | `atomsystem/design.md` | 마크다운 기반 디자인 시스템 가이드 규격 |
 | `atomsystem/uxPattern.md` | 마크다운 기반 UX 인터랙션 패턴 가이드 |

package/components/ui/Avatar.tsx

@@ -0,0 +1,32 @@
+import React, { useState } from 'react';
+
+export interface AvatarProps {
+  src?: string;
+  alt?: string;
+  fallback?: string;
+  size?: 'sm' | 'md' | 'lg';
+  status?: 'online' | 'offline' | 'busy';
+  className?: string;
+}
+
+export const Avatar: React.FC<AvatarProps> = ({
+  src,
+  alt = 'Avatar',
+  fallback,
+  size = 'md',
+  status,
+  className = '',
+}) => {
+  const [hasError, setHasError] = useState(!src);
+
+  return (
+    <div className={`atom-avatar atom-avatar-${size} ${className}`}>
+      {src && !hasError ? (
+        <img src={src} alt={alt} onError={() => setHasError(true)} className="atom-avatar-img" />
+      ) : (
+        <span className="atom-avatar-fallback">{fallback || alt.slice(0, 2).toUpperCase()}</span>
+      )}
+      {status && <span className={`atom-avatar-status atom-avatar-status-${status}`} />}
+    </div>
+  );
+};

package/components/ui/Breadcrumb.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+export interface BreadcrumbItem {
+  label: string;
+  href?: string;
+}
+
+export interface BreadcrumbProps {
+  items: BreadcrumbItem[];
+  separator?: string;
+  className?: string;
+}
+
+export const Breadcrumb: React.FC<BreadcrumbProps> = ({
+  items,
+  separator = '/',
+  className = '',
+}) => {
+  return (
+    <nav className={`atom-breadcrumb ${className}`} aria-label="Breadcrumb">
+      <ol className="atom-breadcrumb-list">
+        {items.map((item, idx) => {
+          const isLast = idx === items.length - 1;
+          return (
+            <React.Fragment key={idx}>
+              <li className={`atom-breadcrumb-item ${isLast ? 'atom-breadcrumb-current' : ''}`}>
+                {isLast || !item.href ? (
+                  <span aria-current={isLast ? 'page' : undefined}>{item.label}</span>
+                ) : (
+                  <a href={item.href}>{item.label}</a>
+                )}
+              </li>
+              {!isLast && <li className="atom-breadcrumb-separator">{separator}</li>}
+            </React.Fragment>
+          );
+        })}
+      </ol>
+    </nav>
+  );
+};

package/components/ui/Progress.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+export interface ProgressProps {
+  value: number;
+  max?: number;
+  variant?: 'primary' | 'success';
+  className?: string;
+}
+
+export const Progress: React.FC<ProgressProps> = ({
+  value,
+  max = 100,
+  variant = 'primary',
+  className = '',
+}) => {
+  const percent = Math.min(100, Math.max(0, (value / max) * 100));
+
+  return (
+    <div
+      className={`atom-progress ${className}`}
+      role="progressbar"
+      aria-valuenow={value}
+      aria-valuemin={0}
+      aria-valuemax={max}
+    >
+      <div
+        className={`atom-progress-bar atom-progress-${variant}`}
+        style={{ width: `${percent}%` }}
+      />
+    </div>
+  );
+};

package/components/ui/Radio.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+export interface RadioOption {
+  value: string;
+  label: string;
+  description?: string;
+}
+
+export interface RadioGroupProps {
+  name?: string;
+  value?: string;
+  options: RadioOption[];
+  onChange?: (val: string) => void;
+  className?: string;
+}
+
+export const RadioGroup: React.FC<RadioGroupProps> = ({
+  name = 'atom-radio-group',
+  value,
+  options,
+  onChange,
+  className = '',
+}) => {
+  return (
+    <div className={`atom-radio-group ${className}`} role="radiogroup">
+      {options.map((opt) => (
+        <label key={opt.value} className="atom-radio-label">
+          <input
+            type="radio"
+            name={name}
+            value={opt.value}
+            checked={value === opt.value}
+            onChange={() => onChange?.(opt.value)}
+            className="atom-radio"
+          />
+          <div className="flex flex-col">
+            <span className="font-semibold">{opt.label}</span>
+            {opt.description && <span className="text-xs text-neutral-500">{opt.description}</span>}
+          </div>
+        </label>
+      ))}
+    </div>
+  );
+};

package/components/ui/Separator.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+
+export interface SeparatorProps {
+  orientation?: 'horizontal' | 'vertical';
+  label?: string;
+  className?: string;
+}
+
+export const Separator: React.FC<SeparatorProps> = ({
+  orientation = 'horizontal',
+  label,
+  className = '',
+}) => {
+  if (label && orientation === 'horizontal') {
+    return (
+      <div className={`atom-separator-with-label ${className}`}>
+        <span>{label}</span>
+      </div>
+    );
+  }
+
+  return (
+    <div
+      role="separator"
+      aria-orientation={orientation}
+      className={`atom-separator atom-separator-${orientation} ${className}`}
+    />
+  );
+};

package/components/ui/Skeleton.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+export interface SkeletonProps {
+  width?: string | number;
+  height?: string | number;
+  circle?: boolean;
+  className?: string;
+}
+
+export const Skeleton: React.FC<SkeletonProps> = ({
+  width = '100%',
+  height = '1rem',
+  circle = false,
+  className = '',
+}) => {
+  return (
+    <div
+      className={`atom-skeleton ${circle ? '!rounded-full' : ''} ${className}`}
+      style={{
+        width: typeof width === 'number' ? `${width}px` : width,
+        height: typeof height === 'number' ? `${height}px` : height,
+      }}
+    />
+  );
+};

package/components/ui/Slider.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+
+export interface SliderProps {
+  value: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  onChange?: (val: number) => void;
+  className?: string;
+}
+
+export const Slider: React.FC<SliderProps> = ({
+  value,
+  min = 0,
+  max = 100,
+  step = 1,
+  onChange,
+  className = '',
+}) => {
+  return (
+    <div className={`atom-slider ${className}`}>
+      <input
+        type="range"
+        min={min}
+        max={max}
+        step={step}
+        value={value}
+        onChange={(e) => onChange?.(Number(e.target.value))}
+        className="atom-slider-input"
+      />
+    </div>
+  );
+};

package/components/ui/Textarea.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  maxLength?: number;
+  label?: string;
+}
+
+export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ maxLength, label, value, className = '', ...props }, ref) => {
+    const currentLength = typeof value === 'string' ? value.length : 0;
+
+    return (
+      <div className="atom-textarea-group">
+        {label && <label className="text-xs font-semibold text-neutral-600 dark:text-neutral-400">{label}</label>}
+        <textarea ref={ref} value={value} maxLength={maxLength} className={`atom-textarea ${className}`} {...props} />
+        {maxLength && (
+          <div className="atom-textarea-counter">
+            {currentLength} / {maxLength}자
+          </div>
+        )}
+      </div>
+    );
+  }
+);
+Textarea.displayName = 'Textarea';

package/components/ui/index.ts

@@ -8,3 +8,11 @@ export * from './Select';
 export * from './Accordion';
 export * from './Tooltip';
 export * from './Pagination';
+export * from './Radio';
+export * from './Slider';
+export * from './Avatar';
+export * from './Progress';
+export * from './Skeleton';
+export * from './Breadcrumb';
+export * from './Separator';
+export * from './Textarea';

package/css/atom-ui.css

@@ -483,3 +483,217 @@
   opacity: 0.4;
   cursor: not-allowed;
 }
+
+/* Radio Group & Cards */
+.atom-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.atom-radio-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: var(--atom-text-primary);
+  cursor: pointer;
+  user-select: none;
+}
+.atom-radio {
+  appearance: none;
+  width: 1.125rem;
+  height: 1.125rem;
+  border-radius: 50%;
+  border: 2px solid var(--atom-border-strong);
+  background-color: var(--atom-bg-surface);
+  cursor: pointer;
+  outline: none;
+  transition: all 0.15s ease;
+  position: relative;
+}
+.atom-radio:checked {
+  border-color: var(--atom-primary);
+  background-color: var(--atom-primary);
+  box-shadow: inset 0 0 0 3px var(--atom-bg-surface);
+}
+
+/* Slider */
+.atom-slider {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.atom-slider-input {
+  width: 100%;
+  accent-color: var(--atom-primary);
+  cursor: pointer;
+}
+
+/* Avatar */
+.atom-avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  overflow: hidden;
+  background-color: var(--atom-bg-secondary);
+  color: var(--atom-text-primary);
+  font-weight: 700;
+  flex-shrink: 0;
+  user-select: none;
+}
+.atom-avatar-sm { width: 2rem; height: 2rem; font-size: 0.75rem; }
+.atom-avatar-md { width: 2.5rem; height: 2.5rem; font-size: 0.875rem; }
+.atom-avatar-lg { width: 3.5rem; height: 3.5rem; font-size: 1.25rem; }
+.atom-avatar-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.atom-avatar-fallback {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: var(--atom-primary-light);
+  color: var(--atom-primary);
+}
+.atom-avatar-status {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 0.65rem;
+  height: 0.65rem;
+  border-radius: 50%;
+  border: 2px solid var(--atom-bg-surface);
+}
+.atom-avatar-status-online { background-color: #10b981; }
+.atom-avatar-status-busy { background-color: #f43f5e; }
+
+/* Progress */
+.atom-progress {
+  width: 100%;
+  height: 0.5rem;
+  background-color: var(--atom-bg-secondary);
+  border-radius: var(--atom-radius-full);
+  overflow: hidden;
+  position: relative;
+}
+.atom-progress-bar {
+  height: 100%;
+  border-radius: var(--atom-radius-full);
+  transition: width 0.3s ease;
+}
+.atom-progress-primary { background-color: var(--atom-primary); }
+.atom-progress-success { background-color: #10b981; }
+
+/* Skeleton */
+.atom-skeleton {
+  background: linear-gradient(
+    90deg,
+    var(--atom-bg-secondary) 25%,
+    var(--atom-border-subtle) 50%,
+    var(--atom-bg-secondary) 75%
+  );
+  background-size: 200% 100%;
+  animation: atom-shimmer 1.5s infinite;
+  border-radius: var(--atom-radius-md);
+}
+@keyframes atom-shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+/* Breadcrumb */
+.atom-breadcrumb {
+  display: flex;
+  align-items: center;
+  font-size: 0.8125rem;
+}
+.atom-breadcrumb-list {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.atom-breadcrumb-item a {
+  color: var(--atom-text-secondary);
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+.atom-breadcrumb-item a:hover {
+  color: var(--atom-text-primary);
+}
+.atom-breadcrumb-separator {
+  color: var(--atom-text-muted);
+}
+.atom-breadcrumb-current {
+  color: var(--atom-text-primary);
+  font-weight: 600;
+}
+
+/* Separator / Divider */
+.atom-separator {
+  background-color: var(--atom-border-subtle);
+}
+.atom-separator-horizontal {
+  width: 100%;
+  height: 1px;
+  margin: 1rem 0;
+}
+.atom-separator-vertical {
+  width: 1px;
+  height: 100%;
+  margin: 0 0.5rem;
+}
+.atom-separator-with-label {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  color: var(--atom-text-muted);
+  font-size: 0.75rem;
+  margin: 1rem 0;
+}
+.atom-separator-with-label::before,
+.atom-separator-with-label::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid var(--atom-border-subtle);
+}
+.atom-separator-with-label span {
+  padding: 0 0.75rem;
+}
+
+/* Textarea */
+.atom-textarea-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+  width: 100%;
+}
+.atom-textarea {
+  width: 100%;
+  padding: 0.65rem 0.75rem;
+  border-radius: var(--atom-radius-md);
+  border: 1px solid var(--atom-border-strong);
+  background-color: var(--atom-bg-surface);
+  color: var(--atom-text-primary);
+  font-size: 0.875rem;
+  line-height: 1.5;
+  outline: none;
+  resize: vertical;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.atom-textarea:focus {
+  border-color: var(--atom-primary);
+  box-shadow: 0 0 0 3px var(--atom-primary-light);
+}
+.atom-textarea-counter {
+  align-self: flex-end;
+  font-size: 0.75rem;
+  color: var(--atom-text-muted);
+}

package/dist/cli.cjs

@@ -82,7 +82,7 @@ function showVersion() {
     const pkg = JSON.parse(fs__default.default.readFileSync(pkgPath, "utf-8"));
     console.log(`atomsystem v${pkg.version}`);
   } else {
-    console.log("atomsystem v0.3.0");
+    console.log("atomsystem v0.4.0");
   }
 }
 switch (command) {

package/dist/cli.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cli.ts"],"names":["path","fileURLToPath","fs"],"mappings":"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","file":"cli.cjs","sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nfunction getPkgRoot(): string {\n  try {\n    if (typeof __dirname !== 'undefined') {\n      return path.resolve(__dirname, '..');\n    }\n    const currentFile = fileURLToPath(import.meta.url);\n    return path.resolve(path.dirname(currentFile), '..');\n  } catch {\n    return process.cwd();\n  }\n}\n\nconst PKG_ROOT = getPkgRoot();\nconst args = process.argv.slice(2);\nconst command = args[0] || 'help';\n\nfunction copyFileSafe(src: string, dest: string, label: string) {\n  const targetDir = path.dirname(dest);\n  if (!fs.existsSync(targetDir)) {\n    fs.mkdirSync(targetDir, { recursive: true });\n  }\n  fs.copyFileSync(src, dest);\n  console.log(`  ✓ Created ${label} -> ${path.relative(process.cwd(), dest)}`);\n}\n\nfunction handleInit() {\n  const cwd = process.cwd();\n  console.log('\\n🚀 Initializing AtomSystem in your project...\\n');\n\n  // 1. Install AI Agent Skill\n  const srcSkill = path.join(PKG_ROOT, 'skills', 'atomsystem.skill.md');\n  const destSkill = path.join(cwd, '.agents', 'skills', 'atomsystem', 'SKILL.md');\n  if (fs.existsSync(srcSkill)) {\n    copyFileSafe(srcSkill, destSkill, 'AI Skill (.agents/skills/atomsystem/SKILL.md)');\n  }\n\n  // 2. Install Design Guide (.design.md)\n  const srcDesign = path.join(PKG_ROOT, 'presets', 'default.design.md');\n  const destDesign = path.join(cwd, 'atom.design.md');\n  if (fs.existsSync(srcDesign)) {\n    copyFileSafe(srcDesign, destDesign, 'Design Guide (atom.design.md)');\n  }\n\n  // 3. Install UX Pattern Guide (.uxPattern.md)\n  const srcPattern = path.join(PKG_ROOT, 'presets', 'uxPattern.md');\n  const destPattern = path.join(cwd, 'atom.uxPattern.md');\n  if (fs.existsSync(srcPattern)) {\n    copyFileSafe(srcPattern, destPattern, 'UX Pattern Guide (atom.uxPattern.md)');\n  }\n\n  // 4. Install Token JSON (tokens.json)\n  const srcToken = path.join(PKG_ROOT, 'tokens', 'token.json');\n  const destToken = path.join(cwd, 'tokens', 'token.json');\n  if (fs.existsSync(srcToken)) {\n    copyFileSafe(srcToken, destToken, 'Token JSON (tokens/token.json)');\n  }\n\n  console.log('\\n✨ AtomSystem initialization completed!');\n  console.log('\\n📌 Next Steps:');\n  console.log('1. Import AtomSystem CSS in your app (e.g. layout.tsx, App.vue, index.html):');\n  console.log('   import \"atomsystem/css/atom-ui.css\";');\n  console.log('2. Ask your AI coding assistant (Antigravity, Cursor, Copilot) to build UI:');\n  console.log('   \"atom.design.md와 atom.uxPattern.md를 참고하여 결제 화면 컴포넌트를 만들어줘.\"\\n');\n}\n\nfunction showHelp() {\n  console.log(`\nAtomSystem CLI - Universal Design Token & Agentic UI System\n\nUsage:\n  npx atomsystem <command> [options]\n\nCommands:\n  init         Initialize AtomSystem assets (AI Skill, design.md, uxPattern.md, token.json)\n  help         Display this help message\n  version      Print version info\n`);\n}\n\nfunction showVersion() {\n  const pkgPath = path.join(PKG_ROOT, 'package.json');\n  if (fs.existsSync(pkgPath)) {\n    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));\n    console.log(`atomsystem v${pkg.version}`);\n  } else {\n    console.log('atomsystem v0.3.0');\n  }\n}\n\nswitch (command) {\n  case 'init':\n    handleInit();\n    break;\n  case 'version':\n  case '-v':\n  case '--version':\n    showVersion();\n    break;\n  case 'help':\n  case '-h':\n  case '--help':\n  default:\n    showHelp();\n    break;\n}\n\n"]}
+{"version":3,"sources":["../src/cli.ts"],"names":["path","fileURLToPath","fs"],"mappings":"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","file":"cli.cjs","sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nfunction getPkgRoot(): string {\n  try {\n    if (typeof __dirname !== 'undefined') {\n      return path.resolve(__dirname, '..');\n    }\n    const currentFile = fileURLToPath(import.meta.url);\n    return path.resolve(path.dirname(currentFile), '..');\n  } catch {\n    return process.cwd();\n  }\n}\n\nconst PKG_ROOT = getPkgRoot();\nconst args = process.argv.slice(2);\nconst command = args[0] || 'help';\n\nfunction copyFileSafe(src: string, dest: string, label: string) {\n  const targetDir = path.dirname(dest);\n  if (!fs.existsSync(targetDir)) {\n    fs.mkdirSync(targetDir, { recursive: true });\n  }\n  fs.copyFileSync(src, dest);\n  console.log(`  ✓ Created ${label} -> ${path.relative(process.cwd(), dest)}`);\n}\n\nfunction handleInit() {\n  const cwd = process.cwd();\n  console.log('\\n🚀 Initializing AtomSystem in your project...\\n');\n\n  // 1. Install AI Agent Skill\n  const srcSkill = path.join(PKG_ROOT, 'skills', 'atomsystem.skill.md');\n  const destSkill = path.join(cwd, '.agents', 'skills', 'atomsystem', 'SKILL.md');\n  if (fs.existsSync(srcSkill)) {\n    copyFileSafe(srcSkill, destSkill, 'AI Skill (.agents/skills/atomsystem/SKILL.md)');\n  }\n\n  // 2. Install Design Guide (.design.md)\n  const srcDesign = path.join(PKG_ROOT, 'presets', 'default.design.md');\n  const destDesign = path.join(cwd, 'atom.design.md');\n  if (fs.existsSync(srcDesign)) {\n    copyFileSafe(srcDesign, destDesign, 'Design Guide (atom.design.md)');\n  }\n\n  // 3. Install UX Pattern Guide (.uxPattern.md)\n  const srcPattern = path.join(PKG_ROOT, 'presets', 'uxPattern.md');\n  const destPattern = path.join(cwd, 'atom.uxPattern.md');\n  if (fs.existsSync(srcPattern)) {\n    copyFileSafe(srcPattern, destPattern, 'UX Pattern Guide (atom.uxPattern.md)');\n  }\n\n  // 4. Install Token JSON (tokens.json)\n  const srcToken = path.join(PKG_ROOT, 'tokens', 'token.json');\n  const destToken = path.join(cwd, 'tokens', 'token.json');\n  if (fs.existsSync(srcToken)) {\n    copyFileSafe(srcToken, destToken, 'Token JSON (tokens/token.json)');\n  }\n\n  console.log('\\n✨ AtomSystem initialization completed!');\n  console.log('\\n📌 Next Steps:');\n  console.log('1. Import AtomSystem CSS in your app (e.g. layout.tsx, App.vue, index.html):');\n  console.log('   import \"atomsystem/css/atom-ui.css\";');\n  console.log('2. Ask your AI coding assistant (Antigravity, Cursor, Copilot) to build UI:');\n  console.log('   \"atom.design.md와 atom.uxPattern.md를 참고하여 결제 화면 컴포넌트를 만들어줘.\"\\n');\n}\n\nfunction showHelp() {\n  console.log(`\nAtomSystem CLI - Universal Design Token & Agentic UI System\n\nUsage:\n  npx atomsystem <command> [options]\n\nCommands:\n  init         Initialize AtomSystem assets (AI Skill, design.md, uxPattern.md, token.json)\n  help         Display this help message\n  version      Print version info\n`);\n}\n\nfunction showVersion() {\n  const pkgPath = path.join(PKG_ROOT, 'package.json');\n  if (fs.existsSync(pkgPath)) {\n    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));\n    console.log(`atomsystem v${pkg.version}`);\n  } else {\n    console.log('atomsystem v0.4.0');\n  }\n}\n\nswitch (command) {\n  case 'init':\n    handleInit();\n    break;\n  case 'version':\n  case '-v':\n  case '--version':\n    showVersion();\n    break;\n  case 'help':\n  case '-h':\n  case '--help':\n  default:\n    showHelp();\n    break;\n}\n\n"]}

package/dist/cli.js

@@ -74,7 +74,7 @@ function showVersion() {
     const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
     console.log(`atomsystem v${pkg.version}`);
   } else {
-    console.log("atomsystem v0.3.0");
+    console.log("atomsystem v0.4.0");
   }
 }
 switch (command) {

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cli.ts"],"names":[],"mappings":"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","file":"cli.js","sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nfunction getPkgRoot(): string {\n  try {\n    if (typeof __dirname !== 'undefined') {\n      return path.resolve(__dirname, '..');\n    }\n    const currentFile = fileURLToPath(import.meta.url);\n    return path.resolve(path.dirname(currentFile), '..');\n  } catch {\n    return process.cwd();\n  }\n}\n\nconst PKG_ROOT = getPkgRoot();\nconst args = process.argv.slice(2);\nconst command = args[0] || 'help';\n\nfunction copyFileSafe(src: string, dest: string, label: string) {\n  const targetDir = path.dirname(dest);\n  if (!fs.existsSync(targetDir)) {\n    fs.mkdirSync(targetDir, { recursive: true });\n  }\n  fs.copyFileSync(src, dest);\n  console.log(`  ✓ Created ${label} -> ${path.relative(process.cwd(), dest)}`);\n}\n\nfunction handleInit() {\n  const cwd = process.cwd();\n  console.log('\\n🚀 Initializing AtomSystem in your project...\\n');\n\n  // 1. Install AI Agent Skill\n  const srcSkill = path.join(PKG_ROOT, 'skills', 'atomsystem.skill.md');\n  const destSkill = path.join(cwd, '.agents', 'skills', 'atomsystem', 'SKILL.md');\n  if (fs.existsSync(srcSkill)) {\n    copyFileSafe(srcSkill, destSkill, 'AI Skill (.agents/skills/atomsystem/SKILL.md)');\n  }\n\n  // 2. Install Design Guide (.design.md)\n  const srcDesign = path.join(PKG_ROOT, 'presets', 'default.design.md');\n  const destDesign = path.join(cwd, 'atom.design.md');\n  if (fs.existsSync(srcDesign)) {\n    copyFileSafe(srcDesign, destDesign, 'Design Guide (atom.design.md)');\n  }\n\n  // 3. Install UX Pattern Guide (.uxPattern.md)\n  const srcPattern = path.join(PKG_ROOT, 'presets', 'uxPattern.md');\n  const destPattern = path.join(cwd, 'atom.uxPattern.md');\n  if (fs.existsSync(srcPattern)) {\n    copyFileSafe(srcPattern, destPattern, 'UX Pattern Guide (atom.uxPattern.md)');\n  }\n\n  // 4. Install Token JSON (tokens.json)\n  const srcToken = path.join(PKG_ROOT, 'tokens', 'token.json');\n  const destToken = path.join(cwd, 'tokens', 'token.json');\n  if (fs.existsSync(srcToken)) {\n    copyFileSafe(srcToken, destToken, 'Token JSON (tokens/token.json)');\n  }\n\n  console.log('\\n✨ AtomSystem initialization completed!');\n  console.log('\\n📌 Next Steps:');\n  console.log('1. Import AtomSystem CSS in your app (e.g. layout.tsx, App.vue, index.html):');\n  console.log('   import \"atomsystem/css/atom-ui.css\";');\n  console.log('2. Ask your AI coding assistant (Antigravity, Cursor, Copilot) to build UI:');\n  console.log('   \"atom.design.md와 atom.uxPattern.md를 참고하여 결제 화면 컴포넌트를 만들어줘.\"\\n');\n}\n\nfunction showHelp() {\n  console.log(`\nAtomSystem CLI - Universal Design Token & Agentic UI System\n\nUsage:\n  npx atomsystem <command> [options]\n\nCommands:\n  init         Initialize AtomSystem assets (AI Skill, design.md, uxPattern.md, token.json)\n  help         Display this help message\n  version      Print version info\n`);\n}\n\nfunction showVersion() {\n  const pkgPath = path.join(PKG_ROOT, 'package.json');\n  if (fs.existsSync(pkgPath)) {\n    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));\n    console.log(`atomsystem v${pkg.version}`);\n  } else {\n    console.log('atomsystem v0.3.0');\n  }\n}\n\nswitch (command) {\n  case 'init':\n    handleInit();\n    break;\n  case 'version':\n  case '-v':\n  case '--version':\n    showVersion();\n    break;\n  case 'help':\n  case '-h':\n  case '--help':\n  default:\n    showHelp();\n    break;\n}\n\n"]}
+{"version":3,"sources":["../src/cli.ts"],"names":[],"mappings":";;;;;AAKA,SAAS,UAAqB,GAAA;AAC5B,EAAI,IAAA;AACF,IAAI,IAAA,OAAO,cAAc,WAAa,EAAA;AACpC,MAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,SAAA,EAAW,IAAI,CAAA;AAAA;AAErC,IAAM,MAAA,WAAA,GAAc,aAAc,CAAA,MAAA,CAAA,IAAA,CAAY,GAAG,CAAA;AACjD,IAAA,OAAO,KAAK,OAAQ,CAAA,IAAA,CAAK,OAAQ,CAAA,WAAW,GAAG,IAAI,CAAA;AAAA,GAC7C,CAAA,MAAA;AACN,IAAA,OAAO,QAAQ,GAAI,EAAA;AAAA;AAEvB;AAEA,IAAM,WAAW,UAAW,EAAA;AAC5B,IAAM,IAAO,GAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA;AACjC,IAAM,OAAA,GAAU,IAAK,CAAA,CAAC,CAAK,IAAA,MAAA;AAE3B,SAAS,YAAA,CAAa,GAAa,EAAA,IAAA,EAAc,KAAe,EAAA;AAC9D,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,OAAA,CAAQ,IAAI,CAAA;AACnC,EAAA,IAAI,CAAC,EAAA,CAAG,UAAW,CAAA,SAAS,CAAG,EAAA;AAC7B,IAAA,EAAA,CAAG,SAAU,CAAA,SAAA,EAAW,EAAE,SAAA,EAAW,MAAM,CAAA;AAAA;AAE7C,EAAG,EAAA,CAAA,YAAA,CAAa,KAAK,IAAI,CAAA;AACzB,EAAQ,OAAA,CAAA,GAAA,CAAI,CAAe,iBAAA,EAAA,KAAK,CAAO,IAAA,EAAA,IAAA,CAAK,QAAS,CAAA,OAAA,CAAQ,GAAI,EAAA,EAAG,IAAI,CAAC,CAAE,CAAA,CAAA;AAC7E;AAEA,SAAS,UAAa,GAAA;AACpB,EAAM,MAAA,GAAA,GAAM,QAAQ,GAAI,EAAA;AACxB,EAAA,OAAA,CAAQ,IAAI,0DAAmD,CAAA;AAG/D,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,UAAU,qBAAqB,CAAA;AACpE,EAAA,MAAM,YAAY,IAAK,CAAA,IAAA,CAAK,KAAK,SAAW,EAAA,QAAA,EAAU,cAAc,UAAU,CAAA;AAC9E,EAAI,IAAA,EAAA,CAAG,UAAW,CAAA,QAAQ,CAAG,EAAA;AAC3B,IAAa,YAAA,CAAA,QAAA,EAAU,WAAW,+CAA+C,CAAA;AAAA;AAInF,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,WAAW,mBAAmB,CAAA;AACpE,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,IAAK,CAAA,GAAA,EAAK,gBAAgB,CAAA;AAClD,EAAI,IAAA,EAAA,CAAG,UAAW,CAAA,SAAS,CAAG,EAAA;AAC5B,IAAa,YAAA,CAAA,SAAA,EAAW,YAAY,+BAA+B,CAAA;AAAA;AAIrE,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,WAAW,cAAc,CAAA;AAChE,EAAA,MAAM,WAAc,GAAA,IAAA,CAAK,IAAK,CAAA,GAAA,EAAK,mBAAmB,CAAA;AACtD,EAAI,IAAA,EAAA,CAAG,UAAW,CAAA,UAAU,CAAG,EAAA;AAC7B,IAAa,YAAA,CAAA,UAAA,EAAY,aAAa,sCAAsC,CAAA;AAAA;AAI9E,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,UAAU,YAAY,CAAA;AAC3D,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,IAAK,CAAA,GAAA,EAAK,UAAU,YAAY,CAAA;AACvD,EAAI,IAAA,EAAA,CAAG,UAAW,CAAA,QAAQ,CAAG,EAAA;AAC3B,IAAa,YAAA,CAAA,QAAA,EAAU,WAAW,gCAAgC,CAAA;AAAA;AAGpE,EAAA,OAAA,CAAQ,IAAI,+CAA0C,CAAA;AACtD,EAAA,OAAA,CAAQ,IAAI,yBAAkB,CAAA;AAC9B,EAAA,OAAA,CAAQ,IAAI,8EAA8E,CAAA;AAC1F,EAAA,OAAA,CAAQ,IAAI,yCAAyC,CAAA;AACrD,EAAA,OAAA,CAAQ,IAAI,6EAA6E,CAAA;AACzF,EAAA,OAAA,CAAQ,IAAI,iKAAkE,CAAA;AAChF;AAEA,SAAS,QAAW,GAAA;AAClB,EAAA,OAAA,CAAQ,GAAI,CAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAUb,CAAA;AACD;AAEA,SAAS,WAAc,GAAA;AACrB,EAAA,MAAM,OAAU,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,cAAc,CAAA;AAClD,EAAI,IAAA,EAAA,CAAG,UAAW,CAAA,OAAO,CAAG,EAAA;AAC1B,IAAA,MAAM,MAAM,IAAK,CAAA,KAAA,CAAM,GAAG,YAAa,CAAA,OAAA,EAAS,OAAO,CAAC,CAAA;AACxD,IAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,YAAA,EAAe,GAAI,CAAA,OAAO,CAAE,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAA,OAAA,CAAQ,IAAI,mBAAmB,CAAA;AAAA;AAEnC;AAEA,QAAQ,OAAS;AAAA,EACf,KAAK,MAAA;AACH,IAAW,UAAA,EAAA;AACX,IAAA;AAAA,EACF,KAAK,SAAA;AAAA,EACL,KAAK,IAAA;AAAA,EACL,KAAK,WAAA;AACH,IAAY,WAAA,EAAA;AACZ,IAAA;AAAA,EACF,KAAK,MAAA;AAAA,EACL,KAAK,IAAA;AAAA,EACL,KAAK,QAAA;AAAA,EACL;AACE,IAAS,QAAA,EAAA;AACT,IAAA;AACJ","file":"cli.js","sourcesContent":["#!/usr/bin/env node\nimport fs from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nfunction getPkgRoot(): string {\n  try {\n    if (typeof __dirname !== 'undefined') {\n      return path.resolve(__dirname, '..');\n    }\n    const currentFile = fileURLToPath(import.meta.url);\n    return path.resolve(path.dirname(currentFile), '..');\n  } catch {\n    return process.cwd();\n  }\n}\n\nconst PKG_ROOT = getPkgRoot();\nconst args = process.argv.slice(2);\nconst command = args[0] || 'help';\n\nfunction copyFileSafe(src: string, dest: string, label: string) {\n  const targetDir = path.dirname(dest);\n  if (!fs.existsSync(targetDir)) {\n    fs.mkdirSync(targetDir, { recursive: true });\n  }\n  fs.copyFileSync(src, dest);\n  console.log(`  ✓ Created ${label} -> ${path.relative(process.cwd(), dest)}`);\n}\n\nfunction handleInit() {\n  const cwd = process.cwd();\n  console.log('\\n🚀 Initializing AtomSystem in your project...\\n');\n\n  // 1. Install AI Agent Skill\n  const srcSkill = path.join(PKG_ROOT, 'skills', 'atomsystem.skill.md');\n  const destSkill = path.join(cwd, '.agents', 'skills', 'atomsystem', 'SKILL.md');\n  if (fs.existsSync(srcSkill)) {\n    copyFileSafe(srcSkill, destSkill, 'AI Skill (.agents/skills/atomsystem/SKILL.md)');\n  }\n\n  // 2. Install Design Guide (.design.md)\n  const srcDesign = path.join(PKG_ROOT, 'presets', 'default.design.md');\n  const destDesign = path.join(cwd, 'atom.design.md');\n  if (fs.existsSync(srcDesign)) {\n    copyFileSafe(srcDesign, destDesign, 'Design Guide (atom.design.md)');\n  }\n\n  // 3. Install UX Pattern Guide (.uxPattern.md)\n  const srcPattern = path.join(PKG_ROOT, 'presets', 'uxPattern.md');\n  const destPattern = path.join(cwd, 'atom.uxPattern.md');\n  if (fs.existsSync(srcPattern)) {\n    copyFileSafe(srcPattern, destPattern, 'UX Pattern Guide (atom.uxPattern.md)');\n  }\n\n  // 4. Install Token JSON (tokens.json)\n  const srcToken = path.join(PKG_ROOT, 'tokens', 'token.json');\n  const destToken = path.join(cwd, 'tokens', 'token.json');\n  if (fs.existsSync(srcToken)) {\n    copyFileSafe(srcToken, destToken, 'Token JSON (tokens/token.json)');\n  }\n\n  console.log('\\n✨ AtomSystem initialization completed!');\n  console.log('\\n📌 Next Steps:');\n  console.log('1. Import AtomSystem CSS in your app (e.g. layout.tsx, App.vue, index.html):');\n  console.log('   import \"atomsystem/css/atom-ui.css\";');\n  console.log('2. Ask your AI coding assistant (Antigravity, Cursor, Copilot) to build UI:');\n  console.log('   \"atom.design.md와 atom.uxPattern.md를 참고하여 결제 화면 컴포넌트를 만들어줘.\"\\n');\n}\n\nfunction showHelp() {\n  console.log(`\nAtomSystem CLI - Universal Design Token & Agentic UI System\n\nUsage:\n  npx atomsystem <command> [options]\n\nCommands:\n  init         Initialize AtomSystem assets (AI Skill, design.md, uxPattern.md, token.json)\n  help         Display this help message\n  version      Print version info\n`);\n}\n\nfunction showVersion() {\n  const pkgPath = path.join(PKG_ROOT, 'package.json');\n  if (fs.existsSync(pkgPath)) {\n    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));\n    console.log(`atomsystem v${pkg.version}`);\n  } else {\n    console.log('atomsystem v0.4.0');\n  }\n}\n\nswitch (command) {\n  case 'init':\n    handleInit();\n    break;\n  case 'version':\n  case '-v':\n  case '--version':\n    showVersion();\n    break;\n  case 'help':\n  case '-h':\n  case '--help':\n  default:\n    showHelp();\n    break;\n}\n\n"]}