@tekton-ui/core 0.2.0

package/dist/screen-templates/templates/auth/login.js

@@ -0,0 +1,254 @@
+/**
+ * @tekton-ui/core - Login Screen Template
+ * [SPEC-UI-002] [TAG-UI002-024] auth.login
+ *
+ * Design Reference: Claude.ai Login Page
+ * - 중앙 정렬 카드 레이아웃
+ * - 명료함과 접근성 우선
+ * - 절제된 색상 사용
+ */
+/**
+ * Login Component
+ * 로그인 화면 컴포넌트
+ *
+ * Required Components: Button, Input, Form, Card, Label
+ */
+export const LoginComponent = ({ slots, className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '로그인',
+        subtitle: texts?.subtitle ?? '계정에 로그인하세요',
+        emailLabel: texts?.emailLabel ?? '이메일',
+        passwordLabel: texts?.passwordLabel ?? '비밀번호',
+        loginButton: texts?.loginButton ?? '로그인',
+        forgotPassword: texts?.forgotPassword ?? '비밀번호를 잊으셨나요?',
+        signupLink: texts?.signupLink ?? '회원가입',
+        ...texts,
+    };
+    return {
+        type: 'div',
+        props: {
+            className: `min-h-screen flex items-center justify-center bg-[var(--tekton-bg-base)] ${className ?? ''}`,
+            style: {
+                padding: 'var(--tekton-layout-padding-mobile)',
+            },
+        },
+        children: [
+            {
+                type: 'Card',
+                props: {
+                    className: 'w-full max-w-md',
+                    style: {
+                        padding: 'var(--tekton-spacing-8)',
+                        gap: 'var(--tekton-spacing-6)',
+                    },
+                },
+                children: [
+                    // Header slot
+                    slots?.header ?? null,
+                    // Title section
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'space-y-2 text-center',
+                        },
+                        children: [
+                            {
+                                type: 'h1',
+                                props: {
+                                    className: 'text-2xl font-semibold',
+                                },
+                                children: [defaultTexts.title],
+                            },
+                            {
+                                type: 'p',
+                                props: {
+                                    className: 'text-sm text-[var(--tekton-text-secondary)]',
+                                },
+                                children: [defaultTexts.subtitle],
+                            },
+                        ],
+                    },
+                    // Form
+                    {
+                        type: 'Form',
+                        props: {
+                            className: 'space-y-4',
+                        },
+                        children: [
+                            // Email field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'email',
+                                        },
+                                        children: [defaultTexts.emailLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'email',
+                                            type: 'email',
+                                            placeholder: 'name@example.com',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Password field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'password',
+                                        },
+                                        children: [defaultTexts.passwordLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'password',
+                                            type: 'password',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Login button
+                            {
+                                type: 'Button',
+                                props: {
+                                    type: 'submit',
+                                    className: 'w-full',
+                                },
+                                children: [defaultTexts.loginButton],
+                            },
+                        ],
+                    },
+                    // Footer links
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'flex flex-col items-center gap-2 text-sm',
+                        },
+                        children: [
+                            {
+                                type: 'a',
+                                props: {
+                                    href: '/forgot-password',
+                                    className: 'text-[var(--tekton-text-link)] hover:underline',
+                                },
+                                children: [defaultTexts.forgotPassword],
+                            },
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'text-[var(--tekton-text-secondary)]',
+                                },
+                                children: [
+                                    '계정이 없으신가요? ',
+                                    {
+                                        type: 'a',
+                                        props: {
+                                            href: '/signup',
+                                            className: 'text-[var(--tekton-text-link)] hover:underline',
+                                        },
+                                        children: [defaultTexts.signupLink],
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                    // Footer slot
+                    slots?.footer ?? null,
+                ],
+            },
+        ],
+    };
+};
+/**
+ * Login Screen Template
+ * 로그인 화면 템플릿 정의
+ */
+export const loginTemplate = {
+    id: 'auth.login',
+    name: 'Login',
+    category: 'auth',
+    description: 'User login screen with email/password authentication. Clean, centered layout following Claude.ai design principles.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.auth',
+        sections: [
+            {
+                id: 'logo',
+                name: 'Logo',
+                required: false,
+                allowedComponents: ['Logo', 'Image'],
+            },
+            {
+                id: 'form',
+                name: 'Login Form',
+                required: true,
+                allowedComponents: ['Form', 'Input', 'Button', 'Label'],
+            },
+            {
+                id: 'footer',
+                name: 'Footer Links',
+                required: false,
+                allowedComponents: ['Link', 'Text'],
+            },
+        ],
+    },
+    customizable: {
+        texts: [
+            'title',
+            'subtitle',
+            'emailLabel',
+            'passwordLabel',
+            'loginButton',
+            'forgotPassword',
+            'signupLink',
+        ],
+        optional: ['social_login', 'remember_me', 'logo'],
+        slots: ['header', 'footer'],
+    },
+    requiredComponents: ['Button', 'Input', 'Form', 'Card', 'Label'],
+    layout: {
+        type: 'centered',
+        maxWidth: 'sm',
+        responsive: {
+            desktop: {
+                padding: 'atomic.spacing.64',
+                gap: 'atomic.spacing.32',
+                direction: 'column',
+            },
+            tablet: {
+                padding: 'atomic.spacing.32',
+                gap: 'atomic.spacing.24',
+                direction: 'column',
+            },
+            mobile: {
+                padding: 'atomic.spacing.16',
+                gap: 'atomic.spacing.16',
+                direction: 'column',
+            },
+        },
+    },
+    tokenBindings: {
+        backgroundColor: 'semantic.color.background.base',
+        textColor: 'semantic.color.text.primary',
+        linkColor: 'semantic.color.text.link',
+    },
+    Component: LoginComponent,
+};
+//# sourceMappingURL=login.js.map

package/dist/screen-templates/templates/auth/login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.js","sourceRoot":"","sources":["../../../../src/screen-templates/templates/auth/login.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK;QAC5B,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAAI,YAAY;QACzC,UAAU,EAAE,KAAK,EAAE,UAAU,IAAI,KAAK;QACtC,aAAa,EAAE,KAAK,EAAE,aAAa,IAAI,MAAM;QAC7C,WAAW,EAAE,KAAK,EAAE,WAAW,IAAI,KAAK;QACxC,cAAc,EAAE,KAAK,EAAE,cAAc,IAAI,cAAc;QACvD,UAAU,EAAE,KAAK,EAAE,UAAU,IAAI,MAAM;QACvC,GAAG,KAAK;KACT,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACL,SAAS,EAAE,4EAA4E,SAAS,IAAI,EAAE,EAAE;YACxG,KAAK,EAAE;gBACL,OAAO,EAAE,qCAAqC;aAC/C;SACF;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE;oBACL,SAAS,EAAE,iBAAiB;oBAC5B,KAAK,EAAE;wBACL,OAAO,EAAE,yBAAyB;wBAClC,GAAG,EAAE,yBAAyB;qBAC/B;iBACF;gBACD,QAAQ,EAAE;oBACR,cAAc;oBACd,KAAK,EAAE,MAAM,IAAI,IAAI;oBAErB,gBAAgB;oBAChB;wBACE,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE;4BACL,SAAS,EAAE,uBAAuB;yBACnC;wBACD,QAAQ,EAAE;4BACR;gCACE,IAAI,EAAE,IAAI;gCACV,KAAK,EAAE;oCACL,SAAS,EAAE,wBAAwB;iCACpC;gCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;6BAC/B;4BACD;gCACE,IAAI,EAAE,GAAG;gCACT,KAAK,EAAE;oCACL,SAAS,EAAE,6CAA6C;iCACzD;gCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;6BAClC;yBACF;qBACF;oBAED,OAAO;oBACP;wBACE,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE;4BACL,SAAS,EAAE,WAAW;yBACvB;wBACD,QAAQ,EAAE;4BACR,cAAc;4BACd;gCACE,IAAI,EAAE,KAAK;gCACX,KAAK,EAAE;oCACL,SAAS,EAAE,WAAW;iCACvB;gCACD,QAAQ,EAAE;oCACR;wCACE,IAAI,EAAE,OAAO;wCACb,KAAK,EAAE;4CACL,OAAO,EAAE,OAAO;yCACjB;wCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;qCACpC;oCACD;wCACE,IAAI,EAAE,OAAO;wCACb,KAAK,EAAE;4CACL,EAAE,EAAE,OAAO;4CACX,IAAI,EAAE,OAAO;4CACb,WAAW,EAAE,kBAAkB;4CAC/B,QAAQ,EAAE,IAAI;yCACf;qCACF;iCACF;6BACF;4BAED,iBAAiB;4BACjB;gCACE,IAAI,EAAE,KAAK;gCACX,KAAK,EAAE;oCACL,SAAS,EAAE,WAAW;iCACvB;gCACD,QAAQ,EAAE;oCACR;wCACE,IAAI,EAAE,OAAO;wCACb,KAAK,EAAE;4CACL,OAAO,EAAE,UAAU;yCACpB;wCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC;qCACvC;oCACD;wCACE,IAAI,EAAE,OAAO;wCACb,KAAK,EAAE;4CACL,EAAE,EAAE,UAAU;4CACd,IAAI,EAAE,UAAU;4CAChB,QAAQ,EAAE,IAAI;yCACf;qCACF;iCACF;6BACF;4BAED,eAAe;4BACf;gCACE,IAAI,EAAE,QAAQ;gCACd,KAAK,EAAE;oCACL,IAAI,EAAE,QAAQ;oCACd,SAAS,EAAE,QAAQ;iCACpB;gCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC;6BACrC;yBACF;qBACF;oBAED,eAAe;oBACf;wBACE,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE;4BACL,SAAS,EAAE,0CAA0C;yBACtD;wBACD,QAAQ,EAAE;4BACR;gCACE,IAAI,EAAE,GAAG;gCACT,KAAK,EAAE;oCACL,IAAI,EAAE,kBAAkB;oCACxB,SAAS,EAAE,gDAAgD;iCAC5D;gCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC;6BACxC;4BACD;gCACE,IAAI,EAAE,KAAK;gCACX,KAAK,EAAE;oCACL,SAAS,EAAE,qCAAqC;iCACjD;gCACD,QAAQ,EAAE;oCACR,aAAa;oCACb;wCACE,IAAI,EAAE,GAAG;wCACT,KAAK,EAAE;4CACL,IAAI,EAAE,SAAS;4CACf,SAAS,EAAE,gDAAgD;yCAC5D;wCACD,QAAQ,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;qCACpC;iCACF;6BACF;yBACF;qBACF;oBAED,cAAc;oBACd,KAAK,EAAE,MAAM,IAAI,IAAI;iBACtB;aACF;SACF;KACwB,CAAC;AAC9B,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,MAAM;IAChB,WAAW,EACT,qHAAqH;IAEvH,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,KAAK;gBACf,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;aACrC;YACD;gBACE,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;aACxD;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;aACpC;SACF;KACF;IAED,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,OAAO;YACP,UAAU;YACV,YAAY;YACZ,eAAe;YACf,aAAa;YACb,gBAAgB;YAChB,YAAY;SACb;QACD,QAAQ,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,MAAM,CAAC;QACjD,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;KAC5B;IAED,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;IAEhE,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE;YACV,OAAO,EAAE;gBACP,OAAO,EAAE,mBAAmB;gBAC5B,GAAG,EAAE,mBAAmB;gBACxB,SAAS,EAAE,QAAQ;aACpB;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,mBAAmB;gBAC5B,GAAG,EAAE,mBAAmB;gBACxB,SAAS,EAAE,QAAQ;aACpB;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,mBAAmB;gBAC5B,GAAG,EAAE,mBAAmB;gBACxB,SAAS,EAAE,QAAQ;aACpB;SACF;KACF;IAED,aAAa,EAAE;QACb,eAAe,EAAE,gCAAgC;QACjD,SAAS,EAAE,6BAA6B;QACxC,SAAS,EAAE,0BAA0B;KACtC;IAED,SAAS,EAAE,cAAc;CAC1B,CAAC"}

package/dist/screen-templates/templates/auth/signup.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @tekton-ui/core - Signup Screen Template
+ * [SPEC-UI-002] [TAG-UI002-025] auth.signup
+ *
+ * Design Reference: Claude.ai Signup Page
+ * - auth.login과 동일한 레이아웃 구조
+ * - 추가 입력 필드 (이름, 비밀번호 확인)
+ * - 약관 동의 체크박스
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+/**
+ * Signup Component
+ * 회원가입 화면 컴포넌트
+ *
+ * Required Components: Button, Input, Form, Card, Label, Checkbox
+ */
+export declare const SignupComponent: FC<ScreenTemplateProps>;
+/**
+ * Signup Screen Template
+ * 회원가입 화면 템플릿 정의
+ */
+export declare const signupTemplate: ScreenTemplate;
+//# sourceMappingURL=signup.d.ts.map

package/dist/screen-templates/templates/auth/signup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/auth/signup.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEzC;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,CAuOnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cA+E5B,CAAC"}

package/dist/screen-templates/templates/auth/signup.js

@@ -0,0 +1,315 @@
+/**
+ * @tekton-ui/core - Signup Screen Template
+ * [SPEC-UI-002] [TAG-UI002-025] auth.signup
+ *
+ * Design Reference: Claude.ai Signup Page
+ * - auth.login과 동일한 레이아웃 구조
+ * - 추가 입력 필드 (이름, 비밀번호 확인)
+ * - 약관 동의 체크박스
+ */
+/**
+ * Signup Component
+ * 회원가입 화면 컴포넌트
+ *
+ * Required Components: Button, Input, Form, Card, Label, Checkbox
+ */
+export const SignupComponent = ({ slots, className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '회원가입',
+        subtitle: texts?.subtitle ?? '새 계정을 만드세요',
+        nameLabel: texts?.nameLabel ?? '이름',
+        emailLabel: texts?.emailLabel ?? '이메일',
+        passwordLabel: texts?.passwordLabel ?? '비밀번호',
+        confirmPasswordLabel: texts?.confirmPasswordLabel ?? '비밀번호 확인',
+        termsLabel: texts?.termsLabel ?? '이용약관 및 개인정보처리방침에 동의합니다',
+        signupButton: texts?.signupButton ?? '가입하기',
+        loginLink: texts?.loginLink ?? '로그인',
+        ...texts,
+    };
+    return {
+        type: 'div',
+        props: {
+            className: `min-h-screen flex items-center justify-center bg-[var(--tekton-bg-base)] ${className ?? ''}`,
+            style: {
+                padding: 'var(--tekton-layout-padding-mobile)',
+            },
+        },
+        children: [
+            {
+                type: 'Card',
+                props: {
+                    className: 'w-full max-w-md',
+                    style: {
+                        padding: 'var(--tekton-spacing-8)',
+                        gap: 'var(--tekton-spacing-6)',
+                    },
+                },
+                children: [
+                    // Header slot
+                    slots?.header ?? null,
+                    // Title section
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'space-y-2 text-center',
+                        },
+                        children: [
+                            {
+                                type: 'h1',
+                                props: {
+                                    className: 'text-2xl font-semibold',
+                                },
+                                children: [defaultTexts.title],
+                            },
+                            {
+                                type: 'p',
+                                props: {
+                                    className: 'text-sm text-[var(--tekton-text-secondary)]',
+                                },
+                                children: [defaultTexts.subtitle],
+                            },
+                        ],
+                    },
+                    // Form
+                    {
+                        type: 'Form',
+                        props: {
+                            className: 'space-y-4',
+                        },
+                        children: [
+                            // Name field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'name',
+                                        },
+                                        children: [defaultTexts.nameLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'name',
+                                            type: 'text',
+                                            placeholder: '홍길동',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Email field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'email',
+                                        },
+                                        children: [defaultTexts.emailLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'email',
+                                            type: 'email',
+                                            placeholder: 'name@example.com',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Password field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'password',
+                                        },
+                                        children: [defaultTexts.passwordLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'password',
+                                            type: 'password',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Confirm password field
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'space-y-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'confirm-password',
+                                        },
+                                        children: [defaultTexts.confirmPasswordLabel],
+                                    },
+                                    {
+                                        type: 'Input',
+                                        props: {
+                                            id: 'confirm-password',
+                                            type: 'password',
+                                            required: true,
+                                        },
+                                    },
+                                ],
+                            },
+                            // Terms checkbox
+                            {
+                                type: 'div',
+                                props: {
+                                    className: 'flex items-center gap-2',
+                                },
+                                children: [
+                                    {
+                                        type: 'Checkbox',
+                                        props: {
+                                            id: 'terms',
+                                            required: true,
+                                        },
+                                    },
+                                    {
+                                        type: 'Label',
+                                        props: {
+                                            htmlFor: 'terms',
+                                            className: 'text-sm font-normal',
+                                        },
+                                        children: [defaultTexts.termsLabel],
+                                    },
+                                ],
+                            },
+                            // Signup button
+                            {
+                                type: 'Button',
+                                props: {
+                                    type: 'submit',
+                                    className: 'w-full',
+                                },
+                                children: [defaultTexts.signupButton],
+                            },
+                        ],
+                    },
+                    // Footer link
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'text-center text-sm text-[var(--tekton-text-secondary)]',
+                        },
+                        children: [
+                            '이미 계정이 있으신가요? ',
+                            {
+                                type: 'a',
+                                props: {
+                                    href: '/login',
+                                    className: 'text-[var(--tekton-text-link)] hover:underline',
+                                },
+                                children: [defaultTexts.loginLink],
+                            },
+                        ],
+                    },
+                    // Footer slot
+                    slots?.footer ?? null,
+                ],
+            },
+        ],
+    };
+};
+/**
+ * Signup Screen Template
+ * 회원가입 화면 템플릿 정의
+ */
+export const signupTemplate = {
+    id: 'auth.signup',
+    name: 'Signup',
+    category: 'auth',
+    description: 'User signup screen with name, email, password, and terms agreement. Follows auth.login layout structure with additional fields.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.auth',
+        sections: [
+            {
+                id: 'logo',
+                name: 'Logo',
+                required: false,
+                allowedComponents: ['Logo', 'Image'],
+            },
+            {
+                id: 'form',
+                name: 'Signup Form',
+                required: true,
+                allowedComponents: ['Form', 'Input', 'Button', 'Label', 'Checkbox'],
+            },
+            {
+                id: 'footer',
+                name: 'Footer Links',
+                required: false,
+                allowedComponents: ['Link', 'Text'],
+            },
+        ],
+    },
+    customizable: {
+        texts: [
+            'title',
+            'subtitle',
+            'nameLabel',
+            'emailLabel',
+            'passwordLabel',
+            'confirmPasswordLabel',
+            'termsLabel',
+            'signupButton',
+            'loginLink',
+        ],
+        optional: ['social_signup', 'logo'],
+        slots: ['header', 'footer'],
+    },
+    requiredComponents: ['Button', 'Input', 'Form', 'Card', 'Label', 'Checkbox'],
+    layout: {
+        type: 'centered',
+        maxWidth: 'sm',
+        responsive: {
+            desktop: {
+                padding: 'atomic.spacing.64',
+                gap: 'atomic.spacing.32',
+                direction: 'column',
+            },
+            tablet: {
+                padding: 'atomic.spacing.32',
+                gap: 'atomic.spacing.24',
+                direction: 'column',
+            },
+            mobile: {
+                padding: 'atomic.spacing.16',
+                gap: 'atomic.spacing.16',
+                direction: 'column',
+            },
+        },
+    },
+    tokenBindings: {
+        backgroundColor: 'semantic.color.background.base',
+        textColor: 'semantic.color.text.primary',
+        linkColor: 'semantic.color.text.link',
+    },
+    Component: SignupComponent,
+};
+//# sourceMappingURL=signup.js.map

package/dist/screen-templates/templates/auth/signup.js.map

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

package/dist/screen-templates/templates/auth/verification.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @tekton-ui/core - Email Verification Screen Template
+ * [SPEC-UI-002] [TAG-UI002-027] auth.verification
+ *
+ * Design Reference: Claude.ai Email Verification
+ * - 중앙 정렬 메시지
+ * - 명확한 다음 단계 안내
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+/**
+ * Verification Component
+ * 이메일 인증 화면 컴포넌트
+ *
+ * Required Components: Button, Card, Badge
+ */
+export declare const VerificationComponent: FC<ScreenTemplateProps>;
+/**
+ * Email Verification Screen Template
+ * 이메일 인증 화면 템플릿 정의
+ */
+export declare const verificationTemplate: ScreenTemplate;
+//# sourceMappingURL=verification.d.ts.map

package/dist/screen-templates/templates/auth/verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/auth/verification.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEzC;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,mBAAmB,CA4JzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,cA8ElC,CAAC"}