chore: @fieldstack/ui 패키지 스캐폴딩 추가

Author: SOIV

packages/ui/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@fieldstack/ui",
+  "private": true,
+  "version": "0.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run --passWithNoTests",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@fieldstack/core": "workspace:*"
+  },
+  "devDependencies": {
+    "vitest": "^2.1.9"
+  }
+}

packages/ui/src/components/index.ts

@@ -0,0 +1,50 @@
+export type ControlTier = "p0" | "p0_5" | "p1" | "p2";
+
+export type ControlName =
+  | "alert"
+  | "button"
+  | "checkbox"
+  | "combobox"
+  | "empty-state"
+  | "form-field"
+  | "input"
+  | "modal"
+  | "otp-pin-input"
+  | "password-input"
+  | "progress"
+  | "radio"
+  | "search-input"
+  | "select"
+  | "skeleton"
+  | "spinner"
+  | "switch"
+  | "textarea"
+  | "toast";
+
+export interface ControlDescriptor {
+  name: ControlName;
+  tier: ControlTier;
+  ready: boolean;
+}
+
+export const CONTROL_DESCRIPTORS: ControlDescriptor[] = [
+  { name: "button", tier: "p0", ready: false },
+  { name: "input", tier: "p0", ready: false },
+  { name: "select", tier: "p0", ready: false },
+  { name: "combobox", tier: "p0", ready: false },
+  { name: "checkbox", tier: "p0", ready: false },
+  { name: "radio", tier: "p0", ready: false },
+  { name: "switch", tier: "p0", ready: false },
+  { name: "modal", tier: "p0", ready: false },
+  { name: "form-field", tier: "p0", ready: false },
+  { name: "alert", tier: "p0", ready: false },
+  { name: "progress", tier: "p0", ready: false },
+  { name: "textarea", tier: "p0_5", ready: false },
+  { name: "password-input", tier: "p0_5", ready: false },
+  { name: "otp-pin-input", tier: "p0_5", ready: false },
+  { name: "search-input", tier: "p0_5", ready: false },
+  { name: "spinner", tier: "p0_5", ready: false },
+  { name: "toast", tier: "p0_5", ready: false },
+  { name: "empty-state", tier: "p0_5", ready: false },
+  { name: "skeleton", tier: "p0_5", ready: false }
+];

packages/ui/src/contracts.ts

@@ -0,0 +1,19 @@
+export interface UiProviderConfig {
+  useRadixPrimitives: boolean;
+  useShadcnPatterns: boolean;
+}
+
+export interface UiPackageMetadata {
+  name: "@fieldstack/ui";
+  version: string;
+}
+
+export const UI_PROVIDER_CONFIG_DEFAULTS: UiProviderConfig = {
+  useRadixPrimitives: true,
+  useShadcnPatterns: true
+};
+
+export const UI_PACKAGE_METADATA: UiPackageMetadata = {
+  name: "@fieldstack/ui",
+  version: "0.0.0"
+};

packages/ui/src/foundation.ts

@@ -0,0 +1,17 @@
+export interface ThemeColorScale {
+  [key: string]: string;
+}
+
+export interface UiThemeTokens {
+  primary: ThemeColorScale;
+  success: ThemeColorScale;
+  warning: ThemeColorScale;
+  danger: ThemeColorScale;
+}
+
+export const UI_THEME_TOKENS_BASE: UiThemeTokens = {
+  primary: { "500": "#3B82F6" },
+  success: { "500": "#10B981" },
+  warning: { "500": "#F59E0B" },
+  danger: { "500": "#EF4444" }
+};

packages/ui/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./contracts";
+export * from "./foundation";

packages/ui/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "noEmit": false,
+    "moduleResolution": "Node",
+    "module": "CommonJS",
+    "jsx": "react-jsx"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}