@framingui/ui 0.6.2 → 0.6.4

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

@@ -1,45 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../components/button';
-import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+import { createTemplateFromCatalog } from '../create-template';
 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] }));
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--spacing-4)] ${className}`, children: [_jsxs("div", { className: "max-w-md text-center space-y-[var(--spacing-6)]", children: [slots.icon || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--bg-destructive)] bg-opacity-10 p-[var(--spacing-4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-12 w-12 text-[var(--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(--spacing-2)]", children: [_jsx("h2", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-[var(--text-muted-foreground)]", children: message })] }), slots.errorDetails && (_jsx("div", { className: "text-left bg-[var(--bg-muted)] p-[var(--spacing-4)] rounded-[var(--radius-md)] text-sm", children: slots.errorDetails })), _jsxs("div", { className: "flex flex-col gap-[var(--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'],
-};
+export const ErrorTemplate = createTemplateFromCatalog('feedback.error', ErrorTemplateComponent);
 //# sourceMappingURL=error.js.map

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

@@ -1 +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"}
+{"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,oBAAoB,CAAC;AAK/D,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,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,iDAAiD,aAE7D,KAAK,CAAC,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,4EAA4E,YACzF,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,0CAA0C,EACpD,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,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAK,IAC5D,EAGL,KAAK,CAAC,YAAY,IAAI,CACrB,cAAK,SAAS,EAAC,wFAAwF,YACpG,KAAK,CAAC,YAAY,GACf,CACP,EAGD,eAAK,SAAS,EAAC,sCAAsC,aAClD,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,GAAG,yBAAyB,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsBrB;AAKD,eAAO,MAAM,eAAe,6BAG3B,CAAC"}

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

@@ -1,42 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+import { createTemplateFromCatalog } from '../create-template';
 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] }));
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--spacing-4)] ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center gap-[var(--spacing-4)]", children: [slots.spinner || (_jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[var(--border-primary)]" })), showMessage && (_jsx("p", { className: "text-sm text-[var(--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'],
-};
+export const LoadingTemplate = createTemplateFromCatalog('feedback.loading', LoadingTemplateComponent);
 //# sourceMappingURL=loading.js.map

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

@@ -1 +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"}
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,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,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,mDAAmD,aAE/D,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,+EAA+E,GAAG,CAClG,EAGA,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,6CAA6C,YAAE,OAAO,GAAK,CACzE,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":"AAoBA,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,2CAiErB;AAKD,eAAO,MAAM,eAAe,EAAE,cAuC7B,CAAC"}
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAiErB;AAKD,eAAO,MAAM,eAAe,6BAG3B,CAAC"}

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

@@ -1,45 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../components/button';
-import { DEFAULT_RESPONSIVE_LAYOUT } from '../types';
+import { createTemplateFromCatalog } from '../create-template';
 export function SuccessTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
     const title = texts.title || 'Success!';
     const message = texts.message || 'Your action was completed successfully';
     const ctaLabel = texts.cta_label || 'Continue';
     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.icon || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--tekton-bg-success)] 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-success)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) })), _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.details && (_jsx("div", { className: "text-left bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-4)] rounded-[var(--tekton-radius-md)] text-sm", children: slots.details })), showCta && (_jsx("div", { children: _jsx(Button, { className: "w-full", size: "lg", children: ctaLabel }) })), slots.additionalActions && (_jsx("div", { className: "flex flex-col gap-[var(--tekton-spacing-3)]", children: slots.additionalActions }))] }), children] }));
+    return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--spacing-4)] ${className}`, children: [_jsxs("div", { className: "max-w-md text-center space-y-[var(--spacing-6)]", children: [slots.icon || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--bg-success)] bg-opacity-10 p-[var(--spacing-4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-12 w-12 text-[var(--text-success)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) })), _jsxs("div", { className: "space-y-[var(--spacing-2)]", children: [_jsx("h2", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-[var(--text-muted-foreground)]", children: message })] }), slots.details && (_jsx("div", { className: "text-left bg-[var(--bg-muted)] p-[var(--spacing-4)] rounded-[var(--radius-md)] text-sm", children: slots.details })), showCta && (_jsx("div", { children: _jsx(Button, { className: "w-full", size: "lg", children: ctaLabel }) })), slots.additionalActions && (_jsx("div", { className: "flex flex-col gap-[var(--spacing-3)]", children: slots.additionalActions }))] }), children] }));
 }
-export const SuccessTemplate = {
-    id: 'feedback.success',
-    name: 'Success',
-    category: 'feedback',
-    description: 'Success state screen with confirmation message',
-    skeleton: {
-        shell: 'centered',
-        page: 'feedback-page',
-        sections: [
-            {
-                id: 'success-message',
-                name: 'Success Message',
-                slot: 'main',
-                required: true,
-                Component: SuccessTemplateComponent,
-            },
-        ],
-    },
-    layout: {
-        type: 'centered',
-        responsive: DEFAULT_RESPONSIVE_LAYOUT,
-    },
-    customizable: {
-        texts: ['title', 'message', 'cta_label'],
-        optional: ['show_cta'],
-        slots: ['icon', 'details', 'additionalActions'],
-    },
-    requiredComponents: ['Button'],
-    Component: SuccessTemplateComponent,
-    version: '1.0.0',
-    created: '2026-02-01',
-    updated: '2026-02-01',
-    tags: ['feedback', 'success', 'confirmation', 'state'],
-};
+export const SuccessTemplate = createTemplateFromCatalog('feedback.success', SuccessTemplateComponent);
 //# sourceMappingURL=success.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,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,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,wCAAwC,CAAC;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;IAC/C,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,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,sFAAsF,YACnG,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,6CAA6C,EACvD,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,+CAA+C,GACjD,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,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,6GAA6G,YACzH,KAAK,CAAC,OAAO,GACV,CACP,EAGA,OAAO,IAAI,CACV,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YACjC,QAAQ,GACF,GACL,CACP,EAGA,KAAK,CAAC,iBAAiB,IAAI,CAC1B,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,CAAC,iBAAiB,GACpB,CACP,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,gDAAgD;IAE7D,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,iBAAiB;gBACrB,IAAI,EAAE,iBAAiB;gBACvB,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,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC;QACxC,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,mBAAmB,CAAC;KAChD;IAED,kBAAkB,EAAE,CAAC,QAAQ,CAAC;IAE9B,SAAS,EAAE,wBAAwB;IAEnC,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC;CACvD,CAAC"}
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,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,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,wCAAwC,CAAC;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;IAC/C,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;IAEzC,OAAO,CACL,eACE,SAAS,EAAE,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,iDAAiD,aAE7D,KAAK,CAAC,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,wEAAwE,YACrF,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,sCAAsC,EAChD,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,+CAA+C,GACjD,GACE,GACF,GACF,CACP,EAGD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAK,IAC5D,EAGL,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,wFAAwF,YACpG,KAAK,CAAC,OAAO,GACV,CACP,EAGA,OAAO,IAAI,CACV,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YACjC,QAAQ,GACF,GACL,CACP,EAGA,KAAK,CAAC,iBAAiB,IAAI,CAC1B,cAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,iBAAiB,GACpB,CACP,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}

package/dist/src/templates/types.js

@@ -1,17 +1,17 @@
 export const DEFAULT_RESPONSIVE_LAYOUT = {
     mobile: {
-        padding: 'var(--tekton-layout-padding-mobile)',
-        gap: 'var(--tekton-layout-gap-mobile)',
+        padding: 'var(--layout-padding-mobile)',
+        gap: 'var(--layout-gap-mobile)',
         columns: 4,
     },
     tablet: {
-        padding: 'var(--tekton-layout-padding-tablet)',
-        gap: 'var(--tekton-layout-gap-tablet)',
+        padding: 'var(--layout-padding-tablet)',
+        gap: 'var(--layout-gap-tablet)',
         columns: 8,
     },
     desktop: {
-        padding: 'var(--tekton-layout-padding-desktop)',
-        gap: 'var(--tekton-layout-gap-desktop)',
+        padding: 'var(--layout-padding-desktop)',
+        gap: 'var(--layout-gap-desktop)',
         columns: 12,
     },
 };

package/dist/src/templates/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/templates/types.ts"],"names":[],"mappings":"AA6JA,MAAM,CAAC,MAAM,yBAAyB,GAAqB;IACzD,MAAM,EAAE;QACN,OAAO,EAAE,qCAAqC;QAC9C,GAAG,EAAE,iCAAiC;QACtC,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,OAAO,EAAE,qCAAqC;QAC9C,GAAG,EAAE,iCAAiC;QACtC,OAAO,EAAE,CAAC;KACX;IACD,OAAO,EAAE;QACP,OAAO,EAAE,sCAAsC;QAC/C,GAAG,EAAE,kCAAkC;QACvC,OAAO,EAAE,EAAE;KACZ;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;CACd,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/templates/types.ts"],"names":[],"mappings":"AA6JA,MAAM,CAAC,MAAM,yBAAyB,GAAqB;IACzD,MAAM,EAAE;QACN,OAAO,EAAE,8BAA8B;QACvC,GAAG,EAAE,0BAA0B;QAC/B,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,OAAO,EAAE,8BAA8B;QACvC,GAAG,EAAE,0BAA0B;QAC/B,OAAO,EAAE,CAAC;KACX;IACD,OAAO,EAAE;QACP,OAAO,EAAE,+BAA+B;QACxC,GAAG,EAAE,2BAA2B;QAChC,OAAO,EAAE,EAAE;KACZ;CACF,CAAC;AAKF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;CACd,CAAC"}

package/dist/templates/index.d.mts

@@ -0,0 +1,142 @@
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ScreenCategory = 'auth' | 'dashboard' | 'form' | 'marketing' | 'feedback';
+type TemplateLayout = 'centered' | 'sidebar' | 'full';
+interface ResponsiveBreakpoints {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+}
+interface ResponsiveLayout {
+    mobile: {
+        padding: string;
+        gap: string;
+        columns: number;
+    };
+    tablet: {
+        padding: string;
+        gap: string;
+        columns: number;
+    };
+    desktop: {
+        padding: string;
+        gap: string;
+        columns: number;
+    };
+}
+interface TemplateLayoutConfig {
+    type: TemplateLayout;
+    responsive: ResponsiveLayout;
+}
+interface SectionTemplate {
+    id: string;
+    name: string;
+    slot: string;
+    required: boolean;
+    Component: ComponentType<any>;
+}
+interface CustomizationBoundaries {
+    texts: string[];
+    optional: string[];
+    slots: string[];
+}
+interface TemplateSkeleton {
+    shell: string;
+    page: string;
+    sections: SectionTemplate[];
+}
+interface ScreenTemplateProps {
+    children?: ReactNode;
+    className?: string;
+    slots?: Record<string, ReactNode>;
+    texts?: Record<string, string>;
+    options?: Record<string, string | boolean | number>;
+}
+interface ScreenTemplate {
+    id: string;
+    name: string;
+    category: ScreenCategory;
+    description: string;
+    skeleton: TemplateSkeleton;
+    layout: TemplateLayoutConfig;
+    customizable: CustomizationBoundaries;
+    requiredComponents: string[];
+    Component: ComponentType<ScreenTemplateProps>;
+    version: string;
+    created: string;
+    updated: string;
+    tags?: string[];
+}
+interface TemplateRegistryEntry {
+    template: ScreenTemplate;
+    metadata: {
+        usageCount: number;
+        lastUsed?: string;
+    };
+}
+declare const DEFAULT_RESPONSIVE_LAYOUT: ResponsiveLayout;
+declare const DEFAULT_BREAKPOINTS: ResponsiveBreakpoints;
+
+declare class TemplateRegistry {
+    private static instance;
+    private templates;
+    private constructor();
+    static getInstance(): TemplateRegistry;
+    register(template: ScreenTemplate): void;
+    registerMany(templates: ScreenTemplate[]): void;
+    get(id: string): ScreenTemplate | undefined;
+    getAll(): ScreenTemplate[];
+    getByCategory(category: ScreenCategory): ScreenTemplate[];
+    findByRequiredComponents(components: string[]): ScreenTemplate[];
+    search(keyword: string): ScreenTemplate[];
+    getMetadata(id: string): TemplateRegistryEntry['metadata'] | undefined;
+    getMostUsed(limit?: number): ScreenTemplate[];
+    getRecentlyUsed(limit?: number): ScreenTemplate[];
+    clear(): void;
+    count(): number;
+    has(id: string): boolean;
+    remove(id: string): boolean;
+}
+declare const templateRegistry: TemplateRegistry;
+
+declare function LoginTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const LoginTemplate: ScreenTemplate;
+
+declare function SignupTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const SignupTemplate: ScreenTemplate;
+
+declare function ForgotPasswordTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const ForgotPasswordTemplate: ScreenTemplate;
+
+declare function VerificationTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const VerificationTemplate: ScreenTemplate;
+
+declare function LandingTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const LandingTemplate: ScreenTemplate;
+
+declare function PreferencesTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const PreferencesTemplate: ScreenTemplate;
+
+declare function ProfileTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const ProfileTemplate: ScreenTemplate;
+
+declare function LoadingTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const LoadingTemplate: ScreenTemplate;
+
+declare function ErrorTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const ErrorTemplate: ScreenTemplate;
+
+declare function EmptyTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const EmptyTemplate: ScreenTemplate;
+
+declare function ConfirmationTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const ConfirmationTemplate: ScreenTemplate;
+
+declare function SuccessTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const SuccessTemplate: ScreenTemplate;
+
+declare function DashboardTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): react_jsx_runtime.JSX.Element;
+declare const DashboardTemplate: ScreenTemplate;
+
+export { ConfirmationTemplate, ConfirmationTemplateComponent, type CustomizationBoundaries, DEFAULT_BREAKPOINTS, DEFAULT_RESPONSIVE_LAYOUT, DashboardTemplate, DashboardTemplateComponent, EmptyTemplate, EmptyTemplateComponent, ErrorTemplate, ErrorTemplateComponent, ForgotPasswordTemplate, ForgotPasswordTemplateComponent, LandingTemplate, LandingTemplateComponent, LoadingTemplate, LoadingTemplateComponent, LoginTemplate, LoginTemplateComponent, PreferencesTemplate, PreferencesTemplateComponent, ProfileTemplate, ProfileTemplateComponent, type ResponsiveBreakpoints, type ResponsiveLayout, type ScreenCategory, type ScreenTemplate, type ScreenTemplateProps, type SectionTemplate, SignupTemplate, SignupTemplateComponent, SuccessTemplate, SuccessTemplateComponent, type TemplateLayout, type TemplateLayoutConfig, TemplateRegistry, type TemplateRegistryEntry, type TemplateSkeleton, VerificationTemplate, VerificationTemplateComponent, templateRegistry };