@tekton-ui/ui 0.2.0

package/dist/src/templates/dashboard/overview.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../components/card';
+import { Separator } from '../../components/separator';
+import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+export function DashboardTemplateComponent({ children, className = '', slots = {}, texts = {}, }) {
+    const title = texts.title || 'Dashboard';
+    const subtitle = texts.subtitle || 'Welcome to your dashboard';
+    return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.sidebar && (_jsx("aside", { className: "w-64 border-r border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] hidden lg:block", children: slots.sidebar })), _jsxs("main", { className: "flex-1 overflow-auto bg-[var(--tekton-bg-background)]", children: [_jsx("header", { className: "sticky top-0 z-10 border-b border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)]/80 backdrop-blur-md p-[var(--tekton-spacing-4)]", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-[var(--tekton-text-foreground)]", children: title }), _jsx("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: subtitle })] }), slots.headerActions && _jsx("div", { children: slots.headerActions })] }) }), _jsxs("div", { className: "py-[var(--tekton-layout-section-py,var(--tekton-spacing-6))] px-[var(--tekton-layout-container-px,var(--tekton-spacing-6))] space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))] max-w-[var(--tekton-layout-container-xl)] mx-auto", children: [slots.metrics && (_jsx("div", { className: "grid gap-[var(--tekton-spacing-4)] grid-cols-2 lg:grid-cols-4", children: slots.metrics })), _jsx(Separator, {}), _jsxs("div", { className: "grid gap-x-[var(--tekton-layout-grid-gap-x,var(--tekton-spacing-6))] gap-y-[var(--tekton-layout-grid-gap-y,var(--tekton-spacing-6))] lg:grid-cols-12", children: [slots.primaryContent && (_jsx("div", { className: "lg:col-span-8 space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))]", children: slots.primaryContent })), slots.secondaryContent && (_jsx("div", { className: "lg:col-span-4 space-y-[var(--tekton-layout-stack-gap,var(--tekton-spacing-6))]", children: _jsxs(Card, { className: "h-full", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: texts.secondary_title || 'Activity' }), _jsx(CardDescription, { children: texts.secondary_description || 'Recent updates' })] }), _jsx(CardContent, { className: "p-0", children: slots.secondaryContent })] }) }))] }), slots.additionalSections && _jsx("div", { children: slots.additionalSections })] })] }), children] }));
+}
+export const DashboardTemplate = {
+    id: 'dashboard.overview',
+    name: 'Dashboard Overview',
+    category: 'dashboard',
+    description: 'Standard dashboard layout with sidebar, metrics, and content areas (12-column grid)',
+    skeleton: {
+        shell: 'sidebar-layout',
+        page: 'dashboard-page',
+        sections: [
+            {
+                id: 'dashboard-sidebar',
+                name: 'Sidebar Navigation',
+                slot: 'sidebar',
+                required: false,
+                Component: () => null,
+            },
+            {
+                id: 'dashboard-main',
+                name: 'Main Content',
+                slot: 'primaryContent',
+                required: true,
+                Component: () => null,
+            },
+            {
+                id: 'dashboard-side',
+                name: 'Side Panel',
+                slot: 'secondaryContent',
+                required: false,
+                Component: () => null,
+            },
+        ],
+    },
+    layout: {
+        type: 'sidebar',
+        responsive: DEFAULT_RESPONSIVE_LAYOUT,
+    },
+    customizable: {
+        texts: ['title', 'subtitle', 'texts.secondary_title', 'texts.secondary_description'],
+        optional: ['metrics', 'additionalSections'],
+        slots: [
+            'sidebar',
+            'headerActions',
+            'metrics',
+            'primaryContent',
+            'secondaryContent',
+            'additionalSections',
+        ],
+    },
+    requiredComponents: ['Card', 'Separator'],
+    Component: DashboardTemplateComponent,
+    version: '1.1.0',
+    created: '2026-01-31',
+    updated: '2026-02-01',
+    tags: ['dashboard', 'overview', 'analytics'],
+};
+//# sourceMappingURL=overview.js.map

package/dist/src/templates/dashboard/overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.js","sourceRoot":"","sources":["../../../../src/templates/dashboard/overview.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAOrD,MAAM,UAAU,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,GACU;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,2BAA2B,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,EAAE,aAE7C,KAAK,CAAC,OAAO,IAAI,CAChB,gBAAO,SAAS,EAAC,gGAAgG,YAC9G,KAAK,CAAC,OAAO,GACR,CACT,EAGD,gBAAM,SAAS,EAAC,uDAAuD,aAErE,iBAAQ,SAAS,EAAC,mJAAmJ,YACnK,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,yDAAyD,YAAE,KAAK,GAAM,EACpF,YAAG,SAAS,EAAC,oDAAoD,YAAE,QAAQ,GAAK,IAC5E,EACL,KAAK,CAAC,aAAa,IAAI,wBAAM,KAAK,CAAC,aAAa,GAAO,IACpD,GACC,EAGT,eAAK,SAAS,EAAC,gPAAgP,aAE5P,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,+DAA+D,YAC3E,KAAK,CAAC,OAAO,GACV,CACP,EAED,KAAC,SAAS,KAAG,EAGb,eAAK,SAAS,EAAC,sJAAsJ,aAElK,KAAK,CAAC,cAAc,IAAI,CACvB,cAAK,SAAS,EAAC,gFAAgF,YAE5F,KAAK,CAAC,cAAc,GACjB,CACP,EAGA,KAAK,CAAC,gBAAgB,IAAI,CACzB,cAAK,SAAS,EAAC,gFAAgF,YAE7F,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,MAAC,UAAU,eACT,KAAC,SAAS,cAAE,KAAK,CAAC,eAAe,IAAI,UAAU,GAAa,EAC5D,KAAC,eAAe,cACb,KAAK,CAAC,qBAAqB,IAAI,gBAAgB,GAChC,IACP,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,gBAAgB,GAAe,IAC9D,GACH,CACP,IACG,EAGL,KAAK,CAAC,kBAAkB,IAAI,wBAAM,KAAK,CAAC,kBAAkB,GAAO,IAC9D,IACD,EACN,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,iBAAiB,GAAmB;IAC/C,EAAE,EAAE,oBAAoB;IACxB,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,WAAW;IACrB,WAAW,EACT,qFAAqF;IAEvF,QAAQ,EAAE;QACR,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,gBAAgB;QACtB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,mBAAmB;gBACvB,IAAI,EAAE,oBAAoB;gBAC1B,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;aACtB;YACD;gBACE,EAAE,EAAE,gBAAgB;gBACpB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,gBAAgB;gBACtB,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;aACtB;YACD;gBACE,EAAE,EAAE,gBAAgB;gBACpB,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;aACtB;SACF;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,yBAAyB;KACtC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,6BAA6B,CAAC;QACpF,QAAQ,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC;QAC3C,KAAK,EAAE;YACL,SAAS;YACT,eAAe;YACf,SAAS;YACT,gBAAgB;YAChB,kBAAkB;YAClB,oBAAoB;SACrB;KACF;IAED,kBAAkB,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAEzC,SAAS,EAAE,0BAA0B;IAErC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC;CAC7C,CAAC"}

package/dist/src/templates/dashboard/overview.stories.d.ts

@@ -0,0 +1,55 @@
+export default meta;
+export namespace Default {
+    let args: {};
+}
+export namespace WithSidebar {
+    export namespace args_1 {
+        namespace slots {
+            let sidebar: import("react/jsx-runtime").JSX.Element;
+        }
+    }
+    export { args_1 as args };
+}
+export namespace WithMetrics {
+    export namespace args_2 {
+        export namespace slots_1 {
+            let metrics: import("react/jsx-runtime").JSX.Element;
+        }
+        export { slots_1 as slots };
+    }
+    export { args_2 as args };
+}
+export namespace Complete {
+    export namespace args_3 {
+        export namespace texts {
+            let title: string;
+            let subtitle: string;
+            let primary_title: string;
+            let primary_description: string;
+            let secondary_title: string;
+            let secondary_description: string;
+        }
+        export namespace slots_2 {
+            let sidebar_1: import("react/jsx-runtime").JSX.Element;
+            export { sidebar_1 as sidebar };
+            export let headerActions: import("react/jsx-runtime").JSX.Element;
+            let metrics_1: import("react/jsx-runtime").JSX.Element;
+            export { metrics_1 as metrics };
+            export let primaryContent: import("react/jsx-runtime").JSX.Element;
+            export let secondaryContent: import("react/jsx-runtime").JSX.Element;
+        }
+        export { slots_2 as slots };
+    }
+    export { args_3 as args };
+}
+declare namespace meta {
+    let title_1: string;
+    export { title_1 as title };
+    export { DashboardTemplateComponent as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { DashboardTemplateComponent } from './overview';
+//# sourceMappingURL=overview.stories.d.ts.map

package/dist/src/templates/dashboard/overview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/dashboard/overview.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAM2C,YAAY"}

package/dist/src/templates/dashboard/overview.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DashboardTemplateComponent } from './overview';
+import { Card, CardContent, CardHeader, CardTitle } from '../../components/card';
+import { Button } from '../../components/button';
+import { Badge } from '../../components/badge';
+const meta = {
+    title: 'Templates/Dashboard/Overview',
+    component: DashboardTemplateComponent,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithSidebar = {
+    args: {
+        slots: {
+            sidebar: (_jsxs("div", { className: "p-4 space-y-4", children: [_jsx("div", { className: "font-bold text-lg mb-4", children: "Tekton" }), _jsxs("nav", { className: "space-y-2", children: [_jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Dashboard" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Analytics" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Reports" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Settings" })] })] })),
+        },
+    },
+};
+export const WithMetrics = {
+    args: {
+        slots: {
+            metrics: (_jsxs(_Fragment, { children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Total Revenue" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCB0" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "$45,231" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+20.1% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDC65" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+2,350" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+180.1% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Sales" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCC8" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+12,234" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+19% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Active Now" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDC64" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+573" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+201 since last hour" })] })] })] })),
+        },
+    },
+};
+export const Complete = {
+    args: {
+        texts: {
+            title: 'Analytics Dashboard',
+            subtitle: 'Your business overview at a glance',
+            primary_title: 'Recent Sales',
+            primary_description: 'Latest transactions and revenue',
+            secondary_title: 'Activity Feed',
+            secondary_description: 'Recent system events',
+        },
+        slots: {
+            sidebar: (_jsxs("div", { className: "p-4 space-y-4", children: [_jsx("div", { className: "font-bold text-lg mb-4", children: "Tekton" }), _jsxs("nav", { className: "space-y-2", children: [_jsx("a", { href: "#", className: "block px-3 py-2 rounded bg-[var(--tekton-bg-accent)]", children: "Dashboard" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Analytics" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Reports" }), _jsx("a", { href: "#", className: "block px-3 py-2 rounded hover:bg-[var(--tekton-bg-accent)]", children: "Settings" })] })] })),
+            headerActions: (_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", children: "Export" }), _jsx(Button, { children: "Create Report" })] })),
+            metrics: (_jsxs(_Fragment, { children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Total Revenue" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCB0" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "$45,231" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+20.1% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDC65" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+2,350" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+180.1% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Sales" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCC8" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+12,234" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+19% from last month" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Active Now" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDC64" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "+573" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+201 since last hour" })] })] })] })),
+            primaryContent: (_jsx("div", { className: "space-y-4", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[var(--tekton-bg-muted)]" }), _jsxs("div", { children: [_jsxs("p", { className: "font-medium", children: ["Customer #", i + 1] }), _jsxs("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: ["customer", i + 1, "@example.com"] })] })] }), _jsxs("div", { className: "text-right", children: [_jsxs("p", { className: "font-medium", children: ["$", (Math.random() * 1000).toFixed(2)] }), _jsx(Badge, { variant: "secondary", children: "Completed" })] })] }, i))) })),
+            secondaryContent: (_jsx("div", { className: "space-y-4", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex gap-3", children: [_jsx("div", { className: "mt-1 h-2 w-2 rounded-full bg-[var(--tekton-bg-primary)]" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "text-sm font-medium", children: ["Activity ", i + 1] }), _jsxs("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: [i, " minutes ago"] })] })] }, i))) })),
+        },
+    },
+};
+//# sourceMappingURL=overview.stories.js.map

package/dist/src/templates/dashboard/overview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.stories.js","sourceRoot":"","sources":["../../../../src/templates/dashboard/overview.stories.jsx"],"names":[],"mappings":"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"}

package/dist/src/templates/feedback/confirmation.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenTemplate, ScreenTemplateProps } from '../types';
+export declare function ConfirmationTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmationTemplate: ScreenTemplate;
+//# sourceMappingURL=confirmation.d.ts.map

package/dist/src/templates/feedback/confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpE,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsCrB;AAKD,eAAO,MAAM,oBAAoB,EAAE,cAuClC,CAAC"}

package/dist/src/templates/feedback/confirmation.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
+import { Button } from '../../components/button';
+import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+export function ConfirmationTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
+    const title = texts.title || 'Are You Sure?';
+    const message = texts.message || 'This action cannot be undone.';
+    const confirmLabel = texts.confirm_label || 'Confirm';
+    const cancelLabel = texts.cancel_label || 'Cancel';
+    const isDestructive = options.is_destructive ?? false;
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`, children: [_jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { children: [isDestructive && slots.warningIcon && (_jsx("div", { className: "mb-[var(--tekton-spacing-2)]", children: slots.warningIcon })), _jsx(CardTitle, { children: title }), _jsx(CardDescription, { children: message })] }), _jsx(CardContent, { children: slots.details && (_jsx("div", { className: "bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.details })) }), _jsxs(CardFooter, { className: "flex justify-end gap-[var(--tekton-spacing-3)]", children: [_jsx(Button, { variant: "outline", children: cancelLabel }), _jsx(Button, { variant: isDestructive ? 'destructive' : 'default', children: confirmLabel })] })] }), children] }));
+}
+export const ConfirmationTemplate = {
+    id: 'feedback.confirmation',
+    name: 'Confirmation',
+    category: 'feedback',
+    description: 'Confirmation dialog for important actions',
+    skeleton: {
+        shell: 'centered-card',
+        page: 'feedback-page',
+        sections: [
+            {
+                id: 'confirmation-dialog',
+                name: 'Confirmation Dialog',
+                slot: 'main',
+                required: true,
+                Component: ConfirmationTemplateComponent,
+            },
+        ],
+    },
+    layout: {
+        type: 'centered',
+        responsive: DEFAULT_RESPONSIVE_LAYOUT,
+    },
+    customizable: {
+        texts: ['title', 'message', 'confirm_label', 'cancel_label'],
+        optional: ['is_destructive'],
+        slots: ['warningIcon', 'details'],
+    },
+    requiredComponents: ['Button', 'Card'],
+    Component: ConfirmationTemplateComponent,
+    version: '1.0.0',
+    created: '2026-02-01',
+    updated: '2026-02-01',
+    tags: ['feedback', 'confirmation', 'dialog', 'warning'],
+};
+//# sourceMappingURL=confirmation.js.map

package/dist/src/templates/feedback/confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation.js","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.tsx"],"names":[],"mappings":";AAmBA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,eAAe,CAAC;IAC7C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,+BAA+B,CAAC;IACjE,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,IAAI,SAAS,CAAC;IACtD,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,IAAI,QAAQ,CAAC;IACnD,MAAM,aAAa,GAAG,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC;IAEtD,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,aAEnG,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eAER,aAAa,IAAI,KAAK,CAAC,WAAW,IAAI,CACrC,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,WAAW,GAAO,CACxE,EACD,KAAC,SAAS,cAAE,KAAK,GAAa,EAC9B,KAAC,eAAe,cAAE,OAAO,GAAmB,IACjC,EAEb,KAAC,WAAW,cAET,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,mGAAmG,YAC/G,KAAK,CAAC,OAAO,GACV,CACP,GACW,EAEd,MAAC,UAAU,IAAC,SAAS,EAAC,gDAAgD,aACpE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YAAE,WAAW,GAAU,EAChD,KAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,YAAG,YAAY,GAAU,IACxE,IACR,EACN,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,EAAE,EAAE,uBAAuB;IAC3B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,2CAA2C;IAExD,QAAQ,EAAE;QACR,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,qBAAqB;gBACzB,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,6BAA6B;aACzC;SACF;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,yBAAyB;KACtC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,CAAC;QAC5D,QAAQ,EAAE,CAAC,gBAAgB,CAAC;QAC5B,KAAK,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC;KAClC;IAED,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IAEtC,SAAS,EAAE,6BAA6B;IAExC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,CAAC;CACxD,CAAC"}

package/dist/src/templates/feedback/confirmation.stories.d.ts

@@ -0,0 +1,14 @@
+export default meta;
+export namespace Default {
+    let args: {};
+}
+declare namespace meta {
+    export let title: string;
+    export { ConfirmationTemplateComponent as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { ConfirmationTemplateComponent } from './confirmation';
+//# sourceMappingURL=confirmation.stories.d.ts.map

package/dist/src/templates/feedback/confirmation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.stories.js"],"names":[],"mappings":";;;;;;;;;;;;8CAM8C,gBAAgB"}

package/dist/src/templates/feedback/confirmation.stories.js

@@ -0,0 +1,14 @@
+import { ConfirmationTemplateComponent } from './confirmation';
+const meta = {
+    title: 'Templates/Feedback/Confirmation',
+    component: ConfirmationTemplateComponent,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=confirmation.stories.js.map

package/dist/src/templates/feedback/confirmation.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation.stories.js","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.stories.js"],"names":[],"mappings":"AAMA,OAAO,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAC/D,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,6BAA6B;IACxC,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,EAAE;CACX,CAAC"}

package/dist/src/templates/feedback/empty.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenTemplate, ScreenTemplateProps } from '../types';
+export declare function EmptyTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare const EmptyTemplate: ScreenTemplate;
+//# sourceMappingURL=empty.d.ts.map

package/dist/src/templates/feedback/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsDrB;AAKD,eAAO,MAAM,aAAa,EAAE,cAuC3B,CAAC"}

package/dist/src/templates/feedback/empty.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../components/button';
+import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+export function EmptyTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
+    const title = texts.title || 'No Items Found';
+    const message = texts.message || 'Get started by creating your first item';
+    const ctaLabel = texts.cta_label || 'Create New';
+    const showCta = options.show_cta ?? true;
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`, children: [_jsxs("div", { className: "max-w-md text-center space-y-[var(--tekton-spacing-6)]", children: [slots.illustration || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-8)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-16 w-16 text-[var(--tekton-text-muted-foreground)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }) }) })), _jsxs("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [_jsx("h2", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: message })] }), showCta && (_jsx("div", { children: _jsx(Button, { size: "lg", children: ctaLabel }) })), slots.helpText && (_jsx("div", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: slots.helpText }))] }), children] }));
+}
+export const EmptyTemplate = {
+    id: 'feedback.empty',
+    name: 'Empty',
+    category: 'feedback',
+    description: 'Empty state screen with call-to-action',
+    skeleton: {
+        shell: 'centered',
+        page: 'feedback-page',
+        sections: [
+            {
+                id: 'empty-state',
+                name: 'Empty State',
+                slot: 'main',
+                required: true,
+                Component: EmptyTemplateComponent,
+            },
+        ],
+    },
+    layout: {
+        type: 'centered',
+        responsive: DEFAULT_RESPONSIVE_LAYOUT,
+    },
+    customizable: {
+        texts: ['title', 'message', 'cta_label'],
+        optional: ['show_cta'],
+        slots: ['illustration', 'helpText'],
+    },
+    requiredComponents: ['Button'],
+    Component: EmptyTemplateComponent,
+    version: '1.0.0',
+    created: '2026-02-01',
+    updated: '2026-02-01',
+    tags: ['feedback', 'empty', 'state', 'no-data'],
+};
+//# sourceMappingURL=empty.js.map

package/dist/src/templates/feedback/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,yCAAyC,CAAC;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;IAEzC,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,aAEnG,eAAK,SAAS,EAAC,wDAAwD,aAEpE,KAAK,CAAC,YAAY,IAAI,CACrB,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,sEAAsE,YACnF,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,sDAAsD,EAChE,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,qMAAqM,GACvM,GACE,GACF,GACF,CACP,EAGD,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,4CAA4C,YAAE,OAAO,GAAK,IACnE,EAGL,OAAO,IAAI,CACV,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,YAAE,QAAQ,GAAU,GACjC,CACP,EAGA,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,oDAAoD,YAAE,KAAK,CAAC,QAAQ,GAAO,CAC3F,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,EAAE,EAAE,gBAAgB;IACpB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,wCAAwC;IAErD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,aAAa;gBACjB,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,sBAAsB;aAClC;SACF;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,yBAAyB;KACtC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC;QACxC,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,KAAK,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC;KACpC;IAED,kBAAkB,EAAE,CAAC,QAAQ,CAAC;IAE9B,SAAS,EAAE,sBAAsB;IAEjC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;CAChD,CAAC"}

package/dist/src/templates/feedback/empty.stories.d.ts

@@ -0,0 +1,14 @@
+export default meta;
+export namespace Default {
+    let args: {};
+}
+declare namespace meta {
+    export let title: string;
+    export { EmptyTemplateComponent as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { EmptyTemplateComponent } from './empty';
+//# sourceMappingURL=empty.stories.d.ts.map

package/dist/src/templates/feedback/empty.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.stories.js"],"names":[],"mappings":";;;;;;;;;;;;uCAMuC,SAAS"}

package/dist/src/templates/feedback/empty.stories.js

@@ -0,0 +1,14 @@
+import { EmptyTemplateComponent } from './empty';
+const meta = {
+    title: 'Templates/Feedback/Empty',
+    component: EmptyTemplateComponent,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=empty.stories.js.map

package/dist/src/templates/feedback/empty.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.stories.js","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.stories.js"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,sBAAsB;IACjC,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,EAAE;CACX,CAAC"}

package/dist/src/templates/feedback/error.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenTemplate, ScreenTemplateProps } from '../types';
+export declare function ErrorTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare const ErrorTemplate: ScreenTemplate;
+//# sourceMappingURL=error.d.ts.map

package/dist/src/templates/feedback/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/error.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAuDrB;AAKD,eAAO,MAAM,aAAa,EAAE,cAuC3B,CAAC"}

package/dist/src/templates/feedback/error.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../components/button';
+import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+export function ErrorTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
+    const title = texts.title || 'Something Went Wrong';
+    const message = texts.message || 'An error occurred. Please try again.';
+    const retryLabel = texts.retry_label || 'Try Again';
+    const showRetry = options.show_retry ?? true;
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`, children: [_jsxs("div", { className: "max-w-md text-center space-y-[var(--tekton-spacing-6)]", children: [slots.icon || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--tekton-bg-destructive)] bg-opacity-10 p-[var(--tekton-spacing-4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-12 w-12 text-[var(--tekton-text-destructive)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }) })), _jsxs("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [_jsx("h2", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: message })] }), slots.errorDetails && (_jsx("div", { className: "text-left bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.errorDetails })), _jsxs("div", { className: "flex flex-col gap-[var(--tekton-spacing-3)]", children: [showRetry && _jsx(Button, { className: "w-full", children: retryLabel }), slots.additionalActions && slots.additionalActions] })] }), children] }));
+}
+export const ErrorTemplate = {
+    id: 'feedback.error',
+    name: 'Error',
+    category: 'feedback',
+    description: 'Error state screen with message and retry option',
+    skeleton: {
+        shell: 'centered',
+        page: 'feedback-page',
+        sections: [
+            {
+                id: 'error-message',
+                name: 'Error Message',
+                slot: 'main',
+                required: true,
+                Component: ErrorTemplateComponent,
+            },
+        ],
+    },
+    layout: {
+        type: 'centered',
+        responsive: DEFAULT_RESPONSIVE_LAYOUT,
+    },
+    customizable: {
+        texts: ['title', 'message', 'retry_label'],
+        optional: ['show_retry'],
+        slots: ['icon', 'errorDetails', 'additionalActions'],
+    },
+    requiredComponents: ['Button'],
+    Component: ErrorTemplateComponent,
+    version: '1.0.0',
+    created: '2026-02-01',
+    updated: '2026-02-01',
+    tags: ['feedback', 'error', 'failure', 'state'],
+};
+//# sourceMappingURL=error.js.map

package/dist/src/templates/feedback/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../../src/templates/feedback/error.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,sCAAsC,CAAC;IACxE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC;IAE7C,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,aAEnG,eAAK,SAAS,EAAC,wDAAwD,aAEpE,KAAK,CAAC,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,0FAA0F,YACvG,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,iDAAiD,EAC3D,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sIAAsI,GACxI,GACE,GACF,GACF,CACP,EAGD,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,4CAA4C,YAAE,OAAO,GAAK,IACnE,EAGL,KAAK,CAAC,YAAY,IAAI,CACrB,cAAK,SAAS,EAAC,6GAA6G,YACzH,KAAK,CAAC,YAAY,GACf,CACP,EAGD,eAAK,SAAS,EAAC,6CAA6C,aACzD,SAAS,IAAI,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YAAE,UAAU,GAAU,EAC7D,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,iBAAiB,IAC/C,IACF,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,EAAE,EAAE,gBAAgB;IACpB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,kDAAkD;IAE/D,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,eAAe;gBACnB,IAAI,EAAE,eAAe;gBACrB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,sBAAsB;aAClC;SACF;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,yBAAyB;KACtC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC;QAC1C,QAAQ,EAAE,CAAC,YAAY,CAAC;QACxB,KAAK,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,mBAAmB,CAAC;KACrD;IAED,kBAAkB,EAAE,CAAC,QAAQ,CAAC;IAE9B,SAAS,EAAE,sBAAsB;IAEjC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;CAChD,CAAC"}

package/dist/src/templates/feedback/error.stories.d.ts

@@ -0,0 +1,14 @@
+export default meta;
+export namespace Default {
+    let args: {};
+}
+declare namespace meta {
+    export let title: string;
+    export { ErrorTemplateComponent as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { ErrorTemplateComponent } from './error';
+//# sourceMappingURL=error.stories.d.ts.map

package/dist/src/templates/feedback/error.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/error.stories.js"],"names":[],"mappings":";;;;;;;;;;;;uCAMuC,SAAS"}

package/dist/src/templates/feedback/error.stories.js

@@ -0,0 +1,14 @@
+import { ErrorTemplateComponent } from './error';
+const meta = {
+    title: 'Templates/Feedback/Error',
+    component: ErrorTemplateComponent,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=error.stories.js.map

package/dist/src/templates/feedback/error.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.stories.js","sourceRoot":"","sources":["../../../../src/templates/feedback/error.stories.js"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,sBAAsB;IACjC,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,EAAE;CACX,CAAC"}

package/dist/src/templates/feedback/loading.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenTemplate, ScreenTemplateProps } from '../types';
+export declare function LoadingTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
+export declare const LoadingTemplate: ScreenTemplate;
+//# sourceMappingURL=loading.d.ts.map

package/dist/src/templates/feedback/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpE,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsBrB;AAKD,eAAO,MAAM,eAAe,EAAE,cAuC7B,CAAC"}

package/dist/src/templates/feedback/loading.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+export function LoadingTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
+    const message = texts.message || 'Loading...';
+    const showMessage = options.show_message ?? true;
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--tekton-spacing-4)] ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center gap-[var(--tekton-spacing-4)]", children: [slots.spinner || (_jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[var(--tekton-border-primary)]" })), showMessage && (_jsx("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: message }))] }), children] }));
+}
+export const LoadingTemplate = {
+    id: 'feedback.loading',
+    name: 'Loading',
+    category: 'feedback',
+    description: 'Loading state screen with spinner and optional message',
+    skeleton: {
+        shell: 'centered',
+        page: 'feedback-page',
+        sections: [
+            {
+                id: 'loading-indicator',
+                name: 'Loading Indicator',
+                slot: 'main',
+                required: true,
+                Component: LoadingTemplateComponent,
+            },
+        ],
+    },
+    layout: {
+        type: 'centered',
+        responsive: DEFAULT_RESPONSIVE_LAYOUT,
+    },
+    customizable: {
+        texts: ['message'],
+        optional: ['show_message'],
+        slots: ['spinner'],
+    },
+    requiredComponents: [],
+    Component: LoadingTemplateComponent,
+    version: '1.0.0',
+    created: '2026-02-01',
+    updated: '2026-02-01',
+    tags: ['feedback', 'loading', 'spinner', 'state'],
+};
+//# sourceMappingURL=loading.js.map

package/dist/src/templates/feedback/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAKrD,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC;IAC9C,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC;IAEjD,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,aAEnG,eAAK,SAAS,EAAC,0DAA0D,aAEtE,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,sFAAsF,GAAG,CACzG,EAGA,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,oDAAoD,YAAE,OAAO,GAAK,CAChF,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAmB;IAC7C,EAAE,EAAE,kBAAkB;IACtB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,wDAAwD;IAErE,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,mBAAmB;gBACvB,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,wBAAwB;aACpC;SACF;KACF;IAED,MAAM,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,yBAAyB;KACtC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC,SAAS,CAAC;QAClB,QAAQ,EAAE,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,CAAC,SAAS,CAAC;KACnB;IAED,kBAAkB,EAAE,EAAE;IAEtB,SAAS,EAAE,wBAAwB;IAEnC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;CAClD,CAAC"}

package/dist/src/templates/feedback/loading.stories.d.ts

@@ -0,0 +1,14 @@
+export default meta;
+export namespace Default {
+    let args: {};
+}
+declare namespace meta {
+    export let title: string;
+    export { LoadingTemplateComponent as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { LoadingTemplateComponent } from './loading';
+//# sourceMappingURL=loading.stories.d.ts.map

package/dist/src/templates/feedback/loading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.stories.js"],"names":[],"mappings":";;;;;;;;;;;;yCAMyC,WAAW"}

package/dist/src/templates/feedback/loading.stories.js

@@ -0,0 +1,14 @@
+import { LoadingTemplateComponent } from './loading';
+const meta = {
+    title: 'Templates/Feedback/Loading',
+    component: LoadingTemplateComponent,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+//# sourceMappingURL=loading.stories.js.map