@tekton-ui/core 0.2.0

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

@@ -0,0 +1,239 @@
+/**
+ * @tekton-ui/core - Email Verification Screen Template
+ * [SPEC-UI-002] [TAG-UI002-027] auth.verification
+ *
+ * Design Reference: Claude.ai Email Verification
+ * - 중앙 정렬 메시지
+ * - 명확한 다음 단계 안내
+ */
+/**
+ * Verification Component
+ * 이메일 인증 화면 컴포넌트
+ *
+ * Required Components: Button, Card, Badge
+ */
+export const VerificationComponent = ({ slots, className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '이메일 인증',
+        subtitle: texts?.subtitle ?? '이메일로 인증 링크를 보내드렸습니다',
+        instruction: texts?.instruction ?? '받은 편지함을 확인하고 인증 링크를 클릭해주세요',
+        email: texts?.email ?? '',
+        resendButton: texts?.resendButton ?? '인증 메일 재전송',
+        continueButton: texts?.continueButton ?? '계속하기',
+        backToLogin: texts?.backToLogin ?? '로그인으로 돌아가기',
+        ...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,
+                    // Icon/Badge (success indicator)
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'flex justify-center',
+                        },
+                        children: [
+                            {
+                                type: 'Badge',
+                                props: {
+                                    variant: 'outline',
+                                    className: 'px-4 py-2',
+                                },
+                                children: ['✓ 전송 완료'],
+                            },
+                        ],
+                    },
+                    // 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],
+                            },
+                        ],
+                    },
+                    // Email display (if provided)
+                    defaultTexts.email
+                        ? {
+                            type: 'div',
+                            props: {
+                                className: 'text-center',
+                            },
+                            children: [
+                                {
+                                    type: 'Badge',
+                                    props: {
+                                        variant: 'secondary',
+                                    },
+                                    children: [defaultTexts.email],
+                                },
+                            ],
+                        }
+                        : null,
+                    // Instructions
+                    {
+                        type: 'p',
+                        props: {
+                            className: 'text-sm text-center text-[var(--tekton-text-secondary)]',
+                        },
+                        children: [defaultTexts.instruction],
+                    },
+                    // Action buttons
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'space-y-3',
+                        },
+                        children: [
+                            // Continue button
+                            {
+                                type: 'Button',
+                                props: {
+                                    className: 'w-full',
+                                },
+                                children: [defaultTexts.continueButton],
+                            },
+                            // Resend button
+                            {
+                                type: 'Button',
+                                props: {
+                                    variant: 'outline',
+                                    className: 'w-full',
+                                },
+                                children: [defaultTexts.resendButton],
+                            },
+                        ],
+                    },
+                    // Back to login link
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'text-center',
+                        },
+                        children: [
+                            {
+                                type: 'a',
+                                props: {
+                                    href: '/login',
+                                    className: 'text-sm text-[var(--tekton-text-link)] hover:underline',
+                                },
+                                children: [defaultTexts.backToLogin],
+                            },
+                        ],
+                    },
+                    // Footer slot
+                    slots?.footer ?? null,
+                ],
+            },
+        ],
+    };
+};
+/**
+ * Email Verification Screen Template
+ * 이메일 인증 화면 템플릿 정의
+ */
+export const verificationTemplate = {
+    id: 'auth.verification',
+    name: 'Email Verification',
+    category: 'auth',
+    description: 'Email verification screen with status message and action buttons. Clear next steps for users after signup.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.auth',
+        sections: [
+            {
+                id: 'status',
+                name: 'Status Message',
+                required: true,
+                allowedComponents: ['Badge', 'Text'],
+            },
+            {
+                id: 'actions',
+                name: 'Action Buttons',
+                required: true,
+                allowedComponents: ['Button'],
+            },
+            {
+                id: 'footer',
+                name: 'Footer Links',
+                required: false,
+                allowedComponents: ['Link', 'Text'],
+            },
+        ],
+    },
+    customizable: {
+        texts: [
+            'title',
+            'subtitle',
+            'instruction',
+            'email',
+            'resendButton',
+            'continueButton',
+            'backToLogin',
+        ],
+        optional: ['email_display', 'resend_timer'],
+        slots: ['header', 'footer'],
+    },
+    requiredComponents: ['Button', 'Card', 'Badge'],
+    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',
+        successColor: 'semantic.color.success',
+    },
+    Component: VerificationComponent,
+};
+//# sourceMappingURL=verification.js.map

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

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

package/dist/screen-templates/templates/feedback/confirmation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @tekton-ui/core - Confirmation Dialog Template
+ * [SPEC-UI-002] [TAG-UI002-034] feedback.confirmation
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+export declare const ConfirmationComponent: FC<ScreenTemplateProps>;
+export declare const confirmationTemplate: ScreenTemplate;
+//# sourceMappingURL=confirmation.d.ts.map

package/dist/screen-templates/templates/feedback/confirmation.d.ts.map

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

package/dist/screen-templates/templates/feedback/confirmation.js

@@ -0,0 +1,107 @@
+/**
+ * @tekton-ui/core - Confirmation Dialog Template
+ * [SPEC-UI-002] [TAG-UI002-034] feedback.confirmation
+ */
+export const ConfirmationComponent = ({ className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '확인',
+        message: texts?.message ?? '이 작업을 진행하시겠습니까?',
+        confirmButton: texts?.confirmButton ?? '확인',
+        cancelButton: texts?.cancelButton ?? '취소',
+        ...texts,
+    };
+    return {
+        type: 'Dialog',
+        props: {
+            open: true,
+            className,
+        },
+        children: [
+            {
+                type: 'div',
+                props: {
+                    className: 'p-6',
+                },
+                children: [
+                    {
+                        type: 'h2',
+                        props: {
+                            className: 'text-lg font-semibold mb-2',
+                        },
+                        children: [defaultTexts.title],
+                    },
+                    {
+                        type: 'p',
+                        props: {
+                            className: 'text-sm text-[var(--tekton-text-secondary)] mb-4',
+                        },
+                        children: [defaultTexts.message],
+                    },
+                    {
+                        type: 'div',
+                        props: {
+                            className: 'flex gap-2 justify-end',
+                        },
+                        children: [
+                            {
+                                type: 'Button',
+                                props: {
+                                    variant: 'outline',
+                                },
+                                children: [defaultTexts.cancelButton],
+                            },
+                            {
+                                type: 'Button',
+                                children: [defaultTexts.confirmButton],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    };
+};
+export const confirmationTemplate = {
+    id: 'feedback.confirmation',
+    name: 'Confirmation',
+    category: 'feedback',
+    description: 'Confirmation dialog with yes/no buttons.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.content',
+        sections: [
+            {
+                id: 'message',
+                name: 'Confirmation Message',
+                required: true,
+                allowedComponents: ['Text'],
+            },
+            {
+                id: 'actions',
+                name: 'Action Buttons',
+                required: true,
+                allowedComponents: ['Button'],
+            },
+        ],
+    },
+    customizable: {
+        texts: ['title', 'message', 'confirmButton', 'cancelButton'],
+        optional: ['warning_icon'],
+        slots: [],
+    },
+    requiredComponents: ['Dialog', 'Button', 'AlertDialog'],
+    layout: {
+        type: 'centered',
+        maxWidth: 'sm',
+        responsive: {
+            desktop: { padding: 'atomic.spacing.32', gap: 'atomic.spacing.16', direction: 'column' },
+            tablet: { padding: 'atomic.spacing.24', gap: 'atomic.spacing.16', direction: 'column' },
+            mobile: { padding: 'atomic.spacing.16', gap: 'atomic.spacing.12', direction: 'column' },
+        },
+    },
+    tokenBindings: {
+        backgroundColor: 'semantic.color.background.surface',
+    },
+    Component: ConfirmationComponent,
+};
+//# sourceMappingURL=confirmation.js.map

package/dist/screen-templates/templates/feedback/confirmation.js.map

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

package/dist/screen-templates/templates/feedback/empty.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @tekton-ui/core - Empty State Screen Template
+ * [SPEC-UI-002] [TAG-UI002-033] feedback.empty
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+export declare const EmptyComponent: FC<ScreenTemplateProps>;
+export declare const emptyTemplate: ScreenTemplate;
+//# sourceMappingURL=empty.d.ts.map

package/dist/screen-templates/templates/feedback/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/empty.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0ClD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,cA0C3B,CAAC"}

package/dist/screen-templates/templates/feedback/empty.js

@@ -0,0 +1,90 @@
+/**
+ * @tekton-ui/core - Empty State Screen Template
+ * [SPEC-UI-002] [TAG-UI002-033] feedback.empty
+ */
+export const EmptyComponent = ({ className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '아직 아무것도 없습니다',
+        message: texts?.message ?? '지금 바로 시작해보세요.',
+        ctaButton: texts?.ctaButton ?? '시작하기',
+        ...texts,
+    };
+    return {
+        type: 'div',
+        props: {
+            className: `min-h-screen flex items-center justify-center bg-[var(--tekton-bg-base)] ${className ?? ''}`,
+        },
+        children: [
+            {
+                type: 'Card',
+                props: {
+                    className: 'max-w-md p-8 text-center',
+                },
+                children: [
+                    {
+                        type: 'h2',
+                        props: {
+                            className: 'text-xl font-semibold mb-2',
+                        },
+                        children: [defaultTexts.title],
+                    },
+                    {
+                        type: 'p',
+                        props: {
+                            className: 'text-sm text-[var(--tekton-text-secondary)] mb-4',
+                        },
+                        children: [defaultTexts.message],
+                    },
+                    {
+                        type: 'Button',
+                        children: [defaultTexts.ctaButton],
+                    },
+                ],
+            },
+        ],
+    };
+};
+export const emptyTemplate = {
+    id: 'feedback.empty',
+    name: 'Empty State',
+    category: 'feedback',
+    description: 'Empty state screen with friendly message and CTA button.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.content',
+        sections: [
+            {
+                id: 'message',
+                name: 'Empty Message',
+                required: true,
+                allowedComponents: ['Text'],
+            },
+            {
+                id: 'cta',
+                name: 'Call to Action',
+                required: true,
+                allowedComponents: ['Button'],
+            },
+        ],
+    },
+    customizable: {
+        texts: ['title', 'message', 'ctaButton'],
+        optional: ['illustration', 'help_link'],
+        slots: [],
+    },
+    requiredComponents: ['Button', 'Card'],
+    layout: {
+        type: 'centered',
+        maxWidth: 'md',
+        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',
+    },
+    Component: EmptyComponent,
+};
+//# sourceMappingURL=empty.js.map

package/dist/screen-templates/templates/feedback/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/empty.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,cAAc;QACrC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,eAAe;QAC1C,SAAS,EAAE,KAAK,EAAE,SAAS,IAAI,MAAM;QACrC,GAAG,KAAK;KACT,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACL,SAAS,EAAE,4EAA4E,SAAS,IAAI,EAAE,EAAE;SACzG;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE;oBACL,SAAS,EAAE,0BAA0B;iBACtC;gBACD,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE;4BACL,SAAS,EAAE,4BAA4B;yBACxC;wBACD,QAAQ,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;qBAC/B;oBACD;wBACE,IAAI,EAAE,GAAG;wBACT,KAAK,EAAE;4BACL,SAAS,EAAE,kDAAkD;yBAC9D;wBACD,QAAQ,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;qBACjC;oBACD;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;qBACnC;iBACF;aACF;SACF;KACwB,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,EAAE,EAAE,gBAAgB;IACpB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,0DAA0D;IACvE,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,MAAM,CAAC;aAC5B;YACD;gBACE,EAAE,EAAE,KAAK;gBACT,IAAI,EAAE,gBAAgB;gBACtB,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,QAAQ,CAAC;aAC9B;SACF;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC;QACxC,QAAQ,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC;QACvC,KAAK,EAAE,EAAE;KACV;IACD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IACtC,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;YACxF,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;YACvF,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;SACxF;KACF;IACD,aAAa,EAAE;QACb,eAAe,EAAE,gCAAgC;KAClD;IACD,SAAS,EAAE,cAAc;CAC1B,CAAC"}

package/dist/screen-templates/templates/feedback/error.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @tekton-ui/core - Error Screen Template
+ * [SPEC-UI-002] [TAG-UI002-032] feedback.error
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+export declare const ErrorComponent: FC<ScreenTemplateProps>;
+export declare const errorTemplate: ScreenTemplate;
+//# sourceMappingURL=error.d.ts.map

package/dist/screen-templates/templates/feedback/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/error.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkDlD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,cA2C3B,CAAC"}

package/dist/screen-templates/templates/feedback/error.js

@@ -0,0 +1,99 @@
+/**
+ * @tekton-ui/core - Error Screen Template
+ * [SPEC-UI-002] [TAG-UI002-032] feedback.error
+ */
+export const ErrorComponent = ({ className, texts }) => {
+    const defaultTexts = {
+        title: texts?.title ?? '오류가 발생했습니다',
+        message: texts?.message ?? '요청을 처리하는 중 문제가 발생했습니다.',
+        retryButton: texts?.retryButton ?? '다시 시도',
+        ...texts,
+    };
+    return {
+        type: 'div',
+        props: {
+            className: `min-h-screen flex items-center justify-center bg-[var(--tekton-bg-base)] ${className ?? ''}`,
+        },
+        children: [
+            {
+                type: 'Card',
+                props: {
+                    className: 'max-w-md p-6 text-center',
+                },
+                children: [
+                    {
+                        type: 'Badge',
+                        props: {
+                            variant: 'destructive',
+                            className: 'mb-4',
+                        },
+                        children: ['오류'],
+                    },
+                    {
+                        type: 'h2',
+                        props: {
+                            className: 'text-xl font-semibold mb-2',
+                        },
+                        children: [defaultTexts.title],
+                    },
+                    {
+                        type: 'p',
+                        props: {
+                            className: 'text-sm text-[var(--tekton-text-secondary)] mb-4',
+                        },
+                        children: [defaultTexts.message],
+                    },
+                    {
+                        type: 'Button',
+                        children: [defaultTexts.retryButton],
+                    },
+                ],
+            },
+        ],
+    };
+};
+export const errorTemplate = {
+    id: 'feedback.error',
+    name: 'Error',
+    category: 'feedback',
+    description: 'Error state screen with message and retry button.',
+    skeleton: {
+        shell: 'shell.web.app',
+        page: 'page.content',
+        sections: [
+            {
+                id: 'message',
+                name: 'Error Message',
+                required: true,
+                allowedComponents: ['Badge', 'Text'],
+            },
+            {
+                id: 'actions',
+                name: 'Actions',
+                required: true,
+                allowedComponents: ['Button'],
+            },
+        ],
+    },
+    customizable: {
+        texts: ['title', 'message', 'retryButton'],
+        optional: ['error_details', 'support_link'],
+        slots: [],
+    },
+    requiredComponents: ['Button', 'Card', 'Badge'],
+    layout: {
+        type: 'centered',
+        maxWidth: 'md',
+        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',
+        errorColor: 'semantic.color.error',
+    },
+    Component: ErrorComponent,
+};
+//# sourceMappingURL=error.js.map

package/dist/screen-templates/templates/feedback/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/error.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,YAAY;QACnC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,wBAAwB;QACnD,WAAW,EAAE,KAAK,EAAE,WAAW,IAAI,OAAO;QAC1C,GAAG,KAAK;KACT,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACL,SAAS,EAAE,4EAA4E,SAAS,IAAI,EAAE,EAAE;SACzG;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE;oBACL,SAAS,EAAE,0BAA0B;iBACtC;gBACD,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,SAAS,EAAE,MAAM;yBAClB;wBACD,QAAQ,EAAE,CAAC,IAAI,CAAC;qBACjB;oBACD;wBACE,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE;4BACL,SAAS,EAAE,4BAA4B;yBACxC;wBACD,QAAQ,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;qBAC/B;oBACD;wBACE,IAAI,EAAE,GAAG;wBACT,KAAK,EAAE;4BACL,SAAS,EAAE,kDAAkD;yBAC9D;wBACD,QAAQ,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;qBACjC;oBACD;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC;qBACrC;iBACF;aACF;SACF;KACwB,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,EAAE,EAAE,gBAAgB;IACpB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,mDAAmD;IAChE,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aACrC;YACD;gBACE,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,CAAC,QAAQ,CAAC;aAC9B;SACF;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC;QAC1C,QAAQ,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;QAC3C,KAAK,EAAE,EAAE;KACV;IACD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;IAC/C,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;YACxF,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;YACvF,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE;SACxF;KACF;IACD,aAAa,EAAE;QACb,eAAe,EAAE,gCAAgC;QACjD,UAAU,EAAE,sBAAsB;KACnC;IACD,SAAS,EAAE,cAAc;CAC1B,CAAC"}

package/dist/screen-templates/templates/feedback/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @tekton-ui/core - Feedback Templates Export
+ * [SPEC-UI-002] Feedback Screen Templates (5)
+ */
+export * from './loading.js';
+export * from './error.js';
+export * from './empty.js';
+export * from './confirmation.js';
+export * from './success.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/screen-templates/templates/feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/screen-templates/templates/feedback/index.js

@@ -0,0 +1,10 @@
+/**
+ * @tekton-ui/core - Feedback Templates Export
+ * [SPEC-UI-002] Feedback Screen Templates (5)
+ */
+export * from './loading.js';
+export * from './error.js';
+export * from './empty.js';
+export * from './confirmation.js';
+export * from './success.js';
+//# sourceMappingURL=index.js.map

package/dist/screen-templates/templates/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/screen-templates/templates/feedback/loading.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @tekton-ui/core - Loading Screen Template
+ * [SPEC-UI-002] [TAG-UI002-031] feedback.loading
+ */
+import type { ScreenTemplate, ScreenTemplateProps } from '../../types.js';
+import type { FC } from '../../types.js';
+export declare const LoadingComponent: FC<ScreenTemplateProps>;
+export declare const loadingTemplate: ScreenTemplate;
+//# sourceMappingURL=loading.d.ts.map

package/dist/screen-templates/templates/feedback/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/screen-templates/templates/feedback/loading.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,mBAAmB,CAmCpD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,cAoC7B,CAAC"}