@tekton-ui/core 0.2.0

package/dist/screen-templates/templates/settings/preferences.js

@@ -0,0 +1,265 @@
+/**
+ * @tekton-ui/core - Settings/Preferences Screen Template
+ * [SPEC-UI-002] [TAG-UI002-029] settings.preferences
+ *
+ * Design Reference: Claude.ai Settings Page
+ * - 좌측 설정 메뉴 + 우측 설정 패널
+ * - 섹션별 명확한 구분
+ * - 토글/선택 UI 일관성
+ */
+/**
+ * Preferences Component
+ * 설정/환경설정 화면 컴포넌트
+ *
+ * Required Components: Switch, Select, Button, Form, Tabs, Separator
+ */
+export const PreferencesComponent = ({ slots, className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '설정',
+        subtitle: texts?.subtitle ?? '앱 환경설정을 관리하세요',
+        saveButton: texts?.saveButton ?? '저장',
+        cancelButton: texts?.cancelButton ?? '취소',
+        ...texts,
+    };
+    return {
+        type: 'div',
+        props: {
+            className: `min-h-screen bg-[var(--tekton-bg-base)] ${className ?? ''}`,
+        },
+        children: [
+            {
+                type: 'div',
+                props: {
+                    className: 'flex h-screen',
+                },
+                children: [
+                    // Settings sidebar/menu
+                    slots?.menu ?? {
+                        type: 'aside',
+                        props: {
+                            className: 'w-64 border-r bg-[var(--tekton-bg-surface)]',
+                            style: {
+                                padding: 'var(--tekton-spacing-4)',
+                            },
+                        },
+                        children: [
+                            {
+                                type: 'Tabs',
+                                props: {
+                                    orientation: 'vertical',
+                                    className: 'space-y-1',
+                                },
+                                children: ['Settings menu items...'],
+                            },
+                        ],
+                    },
+                    // Settings panel
+                    {
+                        type: 'main',
+                        props: {
+                            className: 'flex-1 overflow-auto',
+                            style: {
+                                padding: 'var(--tekton-layout-padding-desktop)',
+                            },
+                        },
+                        children: [
+                            // Header
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'mb-8',
+                                },
+                                children: [
+                                    {
+                                        type: 'h1',
+                                        props: {
+                                            className: 'text-3xl font-semibold mb-2',
+                                        },
+                                        children: [defaultTexts.title],
+                                    },
+                                    {
+                                        type: 'p',
+                                        props: {
+                                            className: 'text-[var(--tekton-text-secondary)]',
+                                        },
+                                        children: [defaultTexts.subtitle],
+                                    },
+                                ],
+                            },
+                            {
+                                type: 'Separator',
+                                props: {
+                                    className: 'my-6',
+                                },
+                            },
+                            // Settings form
+                            {
+                                type: 'Form',
+                                props: {
+                                    className: 'space-y-8 max-w-2xl',
+                                },
+                                children: [
+                                    // Content slot for settings sections
+                                    slots?.content ?? {
+                                        type: 'div',
+                                        props: {
+                                            className: 'space-y-6',
+                                        },
+                                        children: [
+                                            // Example settings group
+                                            {
+                                                type: 'div',
+                                                props: {
+                                                    className: 'space-y-4',
+                                                },
+                                                children: [
+                                                    {
+                                                        type: 'h3',
+                                                        props: {
+                                                            className: 'text-lg font-medium',
+                                                        },
+                                                        children: ['일반 설정'],
+                                                    },
+                                                    {
+                                                        type: 'div',
+                                                        props: {
+                                                            className: 'flex items-center justify-between',
+                                                        },
+                                                        children: [
+                                                            {
+                                                                type: 'div',
+                                                                children: [
+                                                                    {
+                                                                        type: 'p',
+                                                                        props: {
+                                                                            className: 'font-medium',
+                                                                        },
+                                                                        children: ['알림'],
+                                                                    },
+                                                                    {
+                                                                        type: 'p',
+                                                                        props: {
+                                                                            className: 'text-sm text-[var(--tekton-text-secondary)]',
+                                                                        },
+                                                                        children: ['푸시 알림 받기'],
+                                                                    },
+                                                                ],
+                                                            },
+                                                            {
+                                                                type: 'Switch',
+                                                            },
+                                                        ],
+                                                    },
+                                                ],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'Separator',
+                                        props: {
+                                            className: 'my-6',
+                                        },
+                                    },
+                                    // Action buttons
+                                    {
+                                        type: 'div',
+                                        props: {
+                                            className: 'flex gap-4',
+                                        },
+                                        children: [
+                                            {
+                                                type: 'Button',
+                                                props: {
+                                                    type: 'submit',
+                                                },
+                                                children: [defaultTexts.saveButton],
+                                            },
+                                            {
+                                                type: 'Button',
+                                                props: {
+                                                    variant: 'outline',
+                                                },
+                                                children: [defaultTexts.cancelButton],
+                                            },
+                                        ],
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    };
+};
+/**
+ * Settings/Preferences Screen Template
+ * 설정/환경설정 화면 템플릿 정의
+ */
+export const preferencesTemplate = {
+    id: 'settings.preferences',
+    name: 'Settings/Preferences',
+    category: 'form',
+    description: 'Settings and preferences screen with sidebar menu and settings panel. Organized sections with switches and selects.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.dashboard',
+        sections: [
+            {
+                id: 'menu',
+                name: 'Settings Menu',
+                required: true,
+                allowedComponents: ['Tabs', 'Navigation'],
+            },
+            {
+                id: 'header',
+                name: 'Page Header',
+                required: true,
+                allowedComponents: ['Text'],
+            },
+            {
+                id: 'content',
+                name: 'Settings Content',
+                required: true,
+                allowedComponents: ['Form', 'Switch', 'Select', 'Button', 'Separator'],
+            },
+        ],
+    },
+    customizable: {
+        texts: ['title', 'subtitle', 'saveButton', 'cancelButton'],
+        optional: ['search', 'reset_to_defaults'],
+        slots: ['menu', 'content', 'header'],
+    },
+    requiredComponents: ['Switch', 'Select', 'Button', 'Form', 'Tabs', 'Separator'],
+    layout: {
+        type: 'sidebar',
+        maxWidth: 'full',
+        responsive: {
+            desktop: {
+                padding: 'atomic.spacing.64',
+                gap: 'atomic.spacing.32',
+                columns: 12,
+                direction: 'row',
+            },
+            tablet: {
+                padding: 'atomic.spacing.32',
+                gap: 'atomic.spacing.24',
+                columns: 8,
+                direction: 'column',
+            },
+            mobile: {
+                padding: 'atomic.spacing.16',
+                gap: 'atomic.spacing.16',
+                columns: 4,
+                direction: 'column',
+            },
+        },
+    },
+    tokenBindings: {
+        backgroundColor: 'semantic.color.background.base',
+        textColor: 'semantic.color.text.primary',
+        sidebarBg: 'semantic.color.background.surface',
+    },
+    Component: PreferencesComponent,
+};
+//# sourceMappingURL=preferences.js.map

package/dist/screen-templates/templates/settings/preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../../src/screen-templates/templates/settings/preferences.ts"],"names":[],"mappings":"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"}

package/dist/screen-templates/types.d.ts

@@ -0,0 +1,229 @@
+/**
+ * @tekton-ui/core - Screen Template Types
+ * AI-Native ScreenTemplate interface system for 12 P0 Screen Templates
+ * [SPEC-UI-002] [TAG-UI002-001]
+ */
+import type { TokenReference } from '../token-resolver.js';
+/**
+ * Minimal React type definitions for screen templates
+ * Note: Full React types should be provided by the consuming application
+ */
+export type ComponentType<P = object> = (props: P) => unknown;
+export type ReactNode = unknown;
+export type FC<P = object> = (props: P) => unknown;
+/**
+ * JSX namespace declaration for template typing
+ * 템플릿 타이핑을 위한 JSX namespace 선언
+ */
+declare global {
+    namespace JSX {
+        interface Element {
+            type?: string;
+            props?: Record<string, unknown>;
+            children?: unknown[];
+        }
+    }
+}
+/**
+ * Screen Category - Template classification
+ * 템플릿을 카테고리별로 분류
+ */
+export type ScreenCategory = 'auth' | 'dashboard' | 'content' | 'form' | 'feedback' | 'marketing';
+/**
+ * Layout Type - Template layout patterns
+ * 템플릿의 레이아웃 타입
+ */
+export type TemplateLayoutType = 'full' | 'centered' | 'split' | 'sidebar';
+/**
+ * Max Width Options - Container maximum width
+ * 컨테이너 최대 너비 옵션
+ */
+export type MaxWidthOption = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Section Template - Layout section definition
+ * 템플릿 내 섹션 정의
+ *
+ * @example
+ * ```typescript
+ * const headerSection: SectionTemplate = {
+ *   id: 'header',
+ *   name: 'Header',
+ *   required: true,
+ *   allowedComponents: ['Logo', 'Navigation'],
+ *   defaultComponent: 'Logo'
+ * };
+ * ```
+ */
+export interface SectionTemplate {
+    /** 섹션 ID (예: 'header', 'main', 'footer') */
+    id: string;
+    /** 섹션 이름 */
+    name: string;
+    /** 필수 여부 - true면 반드시 포함되어야 함 */
+    required: boolean;
+    /** 허용 컴포넌트 타입 (optional) */
+    allowedComponents?: string[];
+    /** 기본 컴포넌트 (optional) */
+    defaultComponent?: string;
+}
+/**
+ * Responsive Layout - Breakpoint-specific layout configuration
+ * 반응형 레이아웃 설정 (Desktop, Tablet, Mobile)
+ *
+ * [TAG-UI002-005] - 항상 반응형 breakpoint 지원
+ */
+export interface ResponsiveLayout {
+    /** 패딩 토큰 (예: 'atomic.spacing.64') */
+    padding?: TokenReference;
+    /** 간격 토큰 (예: 'atomic.spacing.32') */
+    gap?: TokenReference;
+    /** 그리드 컬럼 수 */
+    columns?: number;
+    /** 레이아웃 방향 */
+    direction?: 'row' | 'column';
+}
+/**
+ * Template Layout - Complete layout configuration
+ * 템플릿 레이아웃 전체 설정
+ *
+ * [TAG-UI002-002] - 항상 Tekton 레이아웃 토큰 사용
+ * [TAG-UI002-005] - 반응형 breakpoint 지원
+ */
+export interface TemplateLayout {
+    /** 레이아웃 타입 */
+    type: TemplateLayoutType;
+    /** 최대 너비 (선택적) */
+    maxWidth?: MaxWidthOption;
+    /** 반응형 breakpoint별 레이아웃 */
+    responsive: {
+        /** Desktop (≥1024px) */
+        desktop: ResponsiveLayout;
+        /** Tablet (768px~1024px) */
+        tablet: ResponsiveLayout;
+        /** Mobile (<768px) */
+        mobile: ResponsiveLayout;
+    };
+}
+/**
+ * Customizable Configuration - AI modification boundaries
+ * AI가 수정 가능한 영역 정의
+ *
+ * [TAG-UI002-003] - 항상 AI 커스터마이징 가능 영역 명시
+ */
+export interface CustomizableConfig {
+    /** 수정 가능한 텍스트 키 배열 (예: ['title', 'subtitle', 'button_label']) */
+    texts: string[];
+    /** 선택적 기능 배열 (예: ['social_login', 'remember_me']) */
+    optional: string[];
+    /** 커스터마이징 가능한 슬롯 배열 (예: ['header', 'footer', 'sidebar']) */
+    slots: string[];
+}
+/**
+ * ScreenTemplate Props - Component props interface
+ * ScreenTemplate 컴포넌트가 받는 props
+ */
+export interface ScreenTemplateProps {
+    /** 슬롯 컨텐츠 (예: { header: <Logo />, footer: <Footer /> }) */
+    slots?: Record<string, ReactNode>;
+    /** 커스텀 클래스 */
+    className?: string;
+    /** 테마 오버라이드 (테마 ID) */
+    theme?: string;
+    /** 커스터마이징 가능한 텍스트 */
+    texts?: Record<string, string>;
+}
+/**
+ * ScreenTemplate - AI-Native screen template definition
+ * AI가 이해하고 수정 가능한 화면 템플릿 인터페이스
+ *
+ * [TAG-UI002-001] - 항상 ScreenTemplate 인터페이스 준수
+ *
+ * @example
+ * ```typescript
+ * const loginTemplate: ScreenTemplate = {
+ *   id: 'auth.login',
+ *   name: 'Login',
+ *   category: 'auth',
+ *   description: 'User login screen with email/password authentication',
+ *   skeleton: {
+ *     shell: 'shell.web.app',
+ *     page: 'page.auth',
+ *     sections: [
+ *       { id: 'logo', name: 'Logo', required: true },
+ *       { id: 'form', name: 'Login Form', required: true },
+ *       { id: 'footer', name: 'Footer Links', required: false }
+ *     ]
+ *   },
+ *   customizable: {
+ *     texts: ['title', 'subtitle', 'button_label'],
+ *     optional: ['social_login', 'remember_me'],
+ *     slots: ['header', 'footer']
+ *   },
+ *   requiredComponents: ['Button', 'Input', 'Form', 'Card', 'Label'],
+ *   layout: {
+ *     type: 'centered',
+ *     maxWidth: 'sm',
+ *     responsive: {
+ *       desktop: { padding: 'atomic.spacing.64', gap: 'atomic.spacing.32' },
+ *       tablet: { padding: 'atomic.spacing.32', gap: 'atomic.spacing.24' },
+ *       mobile: { padding: 'atomic.spacing.16', gap: 'atomic.spacing.16' }
+ *     }
+ *   },
+ *   Component: LoginComponent
+ * };
+ * ```
+ */
+export interface ScreenTemplate {
+    /** 템플릿 고유 ID (예: 'auth.login', 'dashboard.overview') */
+    id: string;
+    /** 템플릿 이름 */
+    name: string;
+    /** 카테고리 */
+    category: ScreenCategory;
+    /** 설명 - AI에게 제공되는 컨텍스트 */
+    description: string;
+    /** 골격 - AI가 수정 가능한 범위 명시 */
+    skeleton: {
+        /** 쉘 타입 (전체 페이지 레이아웃) */
+        shell: 'shell.web.app' | 'shell.web.landing' | 'shell.mobile';
+        /** 페이지 레이아웃 타입 */
+        page: 'page.auth' | 'page.dashboard' | 'page.content' | 'page.form';
+        /** 섹션 템플릿 배열 */
+        sections: SectionTemplate[];
+    };
+    /** AI 커스터마이징 가능 영역 [TAG-UI002-003] */
+    customizable: CustomizableConfig;
+    /** 필수 컴포넌트 [TAG-UI002-004] */
+    requiredComponents: string[];
+    /** 레이아웃 설정 [TAG-UI002-002, TAG-UI002-005] */
+    layout: TemplateLayout;
+    /** 토큰 바인딩 (선택적) */
+    tokenBindings?: Record<string, TokenReference>;
+    /** React 컴포넌트 */
+    Component: ComponentType<ScreenTemplateProps>;
+}
+/**
+ * Template Validation Error - Template validation error details
+ * 템플릿 검증 오류 상세 정보
+ */
+export interface TemplateValidationError {
+    /** 오류 타입 */
+    type: 'missing_component' | 'invalid_layout' | 'invalid_token' | 'missing_section';
+    /** 오류 메시지 */
+    message: string;
+    /** 관련 필드 (선택적) */
+    field?: string;
+}
+/**
+ * Template Validation Result - Template validation result
+ * 템플릿 검증 결과
+ *
+ * [TAG-UI002-004] - 필수 컴포넌트 검증
+ */
+export interface TemplateValidationResult {
+    /** 검증 성공 여부 */
+    valid: boolean;
+    /** 오류 목록 (검증 실패 시) */
+    errors?: TemplateValidationError[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/screen-templates/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/screen-templates/types.ts"],"names":[],"mappings":"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"}

package/dist/screen-templates/types.js

@@ -0,0 +1,7 @@
+/**
+ * @tekton-ui/core - Screen Template Types
+ * AI-Native ScreenTemplate interface system for 12 P0 Screen Templates
+ * [SPEC-UI-002] [TAG-UI002-001]
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/screen-templates/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/screen-templates/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}