@framingui/ui 0.6.2 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -1090
- package/dist/chunk-7UBERMRE.mjs +180 -0
- package/dist/index.d.mts +1 -140
- package/dist/index.mjs +248 -1681
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/templates/auth/forgot-password.d.ts +2 -2
- package/dist/src/templates/auth/forgot-password.d.ts.map +1 -1
- package/dist/src/templates/auth/forgot-password.js +2 -35
- package/dist/src/templates/auth/forgot-password.js.map +1 -1
- package/dist/src/templates/auth/login.d.ts +2 -2
- package/dist/src/templates/auth/login.d.ts.map +1 -1
- package/dist/src/templates/auth/login.js +2 -35
- package/dist/src/templates/auth/login.js.map +1 -1
- package/dist/src/templates/auth/signup.d.ts +2 -2
- package/dist/src/templates/auth/signup.d.ts.map +1 -1
- package/dist/src/templates/auth/signup.js +2 -35
- package/dist/src/templates/auth/signup.js.map +1 -1
- package/dist/src/templates/auth/verification.d.ts +2 -2
- package/dist/src/templates/auth/verification.d.ts.map +1 -1
- package/dist/src/templates/auth/verification.js +2 -35
- package/dist/src/templates/auth/verification.js.map +1 -1
- package/dist/src/templates/core/landing.d.ts +2 -2
- package/dist/src/templates/core/landing.d.ts.map +1 -1
- package/dist/src/templates/core/landing.js +2 -35
- package/dist/src/templates/core/landing.js.map +1 -1
- package/dist/src/templates/core/preferences.d.ts +2 -2
- package/dist/src/templates/core/preferences.d.ts.map +1 -1
- package/dist/src/templates/core/preferences.js +2 -41
- package/dist/src/templates/core/preferences.js.map +1 -1
- package/dist/src/templates/core/profile.d.ts +2 -2
- package/dist/src/templates/core/profile.d.ts.map +1 -1
- package/dist/src/templates/core/profile.js +2 -35
- package/dist/src/templates/core/profile.js.map +1 -1
- package/dist/src/templates/create-template.d.ts +4 -0
- package/dist/src/templates/create-template.d.ts.map +1 -0
- package/dist/src/templates/create-template.js +41 -0
- package/dist/src/templates/create-template.js.map +1 -0
- package/dist/src/templates/dashboard/overview.d.ts +2 -2
- package/dist/src/templates/dashboard/overview.d.ts.map +1 -1
- package/dist/src/templates/dashboard/overview.js +2 -56
- package/dist/src/templates/dashboard/overview.js.map +1 -1
- package/dist/src/templates/feedback/confirmation.d.ts +2 -2
- package/dist/src/templates/feedback/confirmation.d.ts.map +1 -1
- package/dist/src/templates/feedback/confirmation.js +2 -35
- package/dist/src/templates/feedback/confirmation.js.map +1 -1
- package/dist/src/templates/feedback/empty.d.ts +2 -2
- package/dist/src/templates/feedback/empty.d.ts.map +1 -1
- package/dist/src/templates/feedback/empty.js +2 -35
- package/dist/src/templates/feedback/empty.js.map +1 -1
- package/dist/src/templates/feedback/error.d.ts +2 -2
- package/dist/src/templates/feedback/error.d.ts.map +1 -1
- package/dist/src/templates/feedback/error.js +2 -35
- package/dist/src/templates/feedback/error.js.map +1 -1
- package/dist/src/templates/feedback/loading.d.ts +2 -2
- package/dist/src/templates/feedback/loading.d.ts.map +1 -1
- package/dist/src/templates/feedback/loading.js +2 -35
- package/dist/src/templates/feedback/loading.js.map +1 -1
- package/dist/src/templates/feedback/success.d.ts +2 -2
- package/dist/src/templates/feedback/success.d.ts.map +1 -1
- package/dist/src/templates/feedback/success.js +2 -35
- package/dist/src/templates/feedback/success.js.map +1 -1
- package/dist/templates/index.d.mts +142 -0
- package/dist/templates/index.mjs +905 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../../../src/templates/core/profile.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../../../src/templates/core/profile.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,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,SAAS,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,iCAAiC,CAAC;IACrE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,IAAI,cAAc,CAAC;IACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,IAAI,UAAU,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,kBAAkB,CAAC,CAAC;IAEnE,OAAO,CACL,eAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,aACrE,eAAK,SAAS,EAAC,mBAAmB,aAEhC,eAAK,SAAS,EAAC,8BAA8B,aAC3C,aAAI,SAAS,EAAC,iDAAiD,YAAE,KAAK,GAAM,EAC5E,YAAG,SAAS,EAAC,4CAA4C,YAAE,QAAQ,GAAK,IACpE,EAGN,MAAC,IAAI,eACH,MAAC,UAAU,eACT,KAAC,SAAS,uCAAiC,EAC3C,KAAC,eAAe,8CAA8C,IACnD,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,mCAAmC,aAEvD,KAAK,CAAC,MAAM,IAAI,CACf,eAAK,SAAS,EAAC,iDAAiD,aAC9D,wBAAM,KAAK,CAAC,MAAM,GAAO,EACzB,0BACE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,6BAE1B,EACT,YAAG,SAAS,EAAC,iFAAiF,kCAE1F,IACA,IACF,CACP,EAGD,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,EAClC,KAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,YAAY,EAAE,QAAQ,GAAI,IACnD,EAGN,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnE,YAAG,SAAS,EAAC,oDAAoD,6DAE7D,IACA,EAGL,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,CAAC,QAAQ,GAAO,CAC1E,EAGA,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,IACrC,IACT,EAGN,KAAK,CAAC,kBAAkB,IAAI,CAC3B,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,kBAAkB,GAAO,CAC/E,EAGD,eAAK,SAAS,EAAC,6EAA6E,aAC1F,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,uBAAgB,EACzC,KAAC,MAAM,cAAE,SAAS,GAAU,IACxB,IACF,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ComponentType } from 'react';
|
|
2
|
+
import type { ScreenTemplate, ScreenTemplateProps } from './types';
|
|
3
|
+
export declare function createTemplateFromCatalog(templateId: string, Component: ComponentType<ScreenTemplateProps>): ScreenTemplate;
|
|
4
|
+
//# sourceMappingURL=create-template.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-template.d.ts","sourceRoot":"","sources":["../../../src/templates/create-template.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAmB,MAAM,SAAS,CAAC;AAmBpF,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAC5C,cAAc,CA4BhB"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { loadTemplateDefinition } from '@framingui/core/template-catalog';
|
|
2
|
+
const PRIMARY_SECTION_SLOTS = new Set(['main', 'primaryContent']);
|
|
3
|
+
const NoopSectionComponent = () => null;
|
|
4
|
+
function toSectionTemplates(template, Component) {
|
|
5
|
+
return template.skeleton.sections.map(section => ({
|
|
6
|
+
id: section.id,
|
|
7
|
+
name: section.name,
|
|
8
|
+
slot: section.slot,
|
|
9
|
+
required: section.required,
|
|
10
|
+
Component: PRIMARY_SECTION_SLOTS.has(section.slot) ? Component : NoopSectionComponent,
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
export function createTemplateFromCatalog(templateId, Component) {
|
|
14
|
+
const definition = loadTemplateDefinition(templateId);
|
|
15
|
+
if (!definition) {
|
|
16
|
+
throw new Error(`Unknown template definition: ${templateId}`);
|
|
17
|
+
}
|
|
18
|
+
return {
|
|
19
|
+
id: definition.id,
|
|
20
|
+
name: definition.name,
|
|
21
|
+
category: definition.category,
|
|
22
|
+
description: definition.description,
|
|
23
|
+
skeleton: {
|
|
24
|
+
shell: definition.skeleton.shell,
|
|
25
|
+
page: definition.skeleton.page,
|
|
26
|
+
sections: toSectionTemplates(definition, Component),
|
|
27
|
+
},
|
|
28
|
+
layout: {
|
|
29
|
+
type: definition.layout.type,
|
|
30
|
+
responsive: definition.layout.responsive,
|
|
31
|
+
},
|
|
32
|
+
customizable: definition.customizable,
|
|
33
|
+
requiredComponents: definition.requiredComponents,
|
|
34
|
+
Component,
|
|
35
|
+
version: definition.version,
|
|
36
|
+
created: definition.created,
|
|
37
|
+
updated: definition.updated,
|
|
38
|
+
tags: definition.tags,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=create-template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-template.js","sourceRoot":"","sources":["../../../src/templates/create-template.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAK1E,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAElE,MAAM,oBAAoB,GAAuB,GAAG,EAAE,CAAC,IAAI,CAAC;AAE5D,SAAS,kBAAkB,CACzB,QAAkC,EAClC,SAA6C;IAE7C,OAAO,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChD,EAAE,EAAE,OAAO,CAAC,EAAE;QACd,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,SAAS,EAAE,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB;KACtF,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,UAAkB,EAClB,SAA6C;IAE7C,MAAM,UAAU,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IACtD,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,gCAAgC,UAAU,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,OAAO;QACL,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,WAAW,EAAE,UAAU,CAAC,WAAW;QACnC,QAAQ,EAAE;YACR,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,KAAK;YAChC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI;YAC9B,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EAAE,SAAS,CAAC;SACpD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;YAC5B,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;SACzC;QACD,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,kBAAkB,EAAE,UAAU,CAAC,kBAAkB;QACjD,SAAS;QACT,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,IAAI,EAAE,UAAU,CAAC,IAAI;KACtB,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function DashboardTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const DashboardTemplate: ScreenTemplate;
|
|
3
|
+
export declare const DashboardTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=overview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../../src/templates/dashboard/overview.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../../src/templates/dashboard/overview.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,GACX,EAAE,mBAAmB,2CAuErB;AAKD,eAAO,MAAM,iBAAiB,6BAG7B,CAAC"}
|
|
@@ -1,65 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../components/card';
|
|
3
3
|
import { Separator } from '../../components/separator';
|
|
4
|
-
import {
|
|
4
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
5
5
|
export function DashboardTemplateComponent({ children, className = '', slots = {}, texts = {}, }) {
|
|
6
6
|
const title = texts.title || 'Dashboard';
|
|
7
7
|
const subtitle = texts.subtitle || 'Welcome to your dashboard';
|
|
8
8
|
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] }));
|
|
9
9
|
}
|
|
10
|
-
export const DashboardTemplate =
|
|
11
|
-
id: 'dashboard.overview',
|
|
12
|
-
name: 'Dashboard Overview',
|
|
13
|
-
category: 'dashboard',
|
|
14
|
-
description: 'Standard dashboard layout with sidebar, metrics, and content areas (12-column grid)',
|
|
15
|
-
skeleton: {
|
|
16
|
-
shell: 'sidebar-layout',
|
|
17
|
-
page: 'dashboard-page',
|
|
18
|
-
sections: [
|
|
19
|
-
{
|
|
20
|
-
id: 'dashboard-sidebar',
|
|
21
|
-
name: 'Sidebar Navigation',
|
|
22
|
-
slot: 'sidebar',
|
|
23
|
-
required: false,
|
|
24
|
-
Component: () => null,
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
id: 'dashboard-main',
|
|
28
|
-
name: 'Main Content',
|
|
29
|
-
slot: 'primaryContent',
|
|
30
|
-
required: true,
|
|
31
|
-
Component: () => null,
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
id: 'dashboard-side',
|
|
35
|
-
name: 'Side Panel',
|
|
36
|
-
slot: 'secondaryContent',
|
|
37
|
-
required: false,
|
|
38
|
-
Component: () => null,
|
|
39
|
-
},
|
|
40
|
-
],
|
|
41
|
-
},
|
|
42
|
-
layout: {
|
|
43
|
-
type: 'sidebar',
|
|
44
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
45
|
-
},
|
|
46
|
-
customizable: {
|
|
47
|
-
texts: ['title', 'subtitle', 'texts.secondary_title', 'texts.secondary_description'],
|
|
48
|
-
optional: ['metrics', 'additionalSections'],
|
|
49
|
-
slots: [
|
|
50
|
-
'sidebar',
|
|
51
|
-
'headerActions',
|
|
52
|
-
'metrics',
|
|
53
|
-
'primaryContent',
|
|
54
|
-
'secondaryContent',
|
|
55
|
-
'additionalSections',
|
|
56
|
-
],
|
|
57
|
-
},
|
|
58
|
-
requiredComponents: ['Card', 'Separator'],
|
|
59
|
-
Component: DashboardTemplateComponent,
|
|
60
|
-
version: '1.1.0',
|
|
61
|
-
created: '2026-01-31',
|
|
62
|
-
updated: '2026-02-01',
|
|
63
|
-
tags: ['dashboard', 'overview', 'analytics'],
|
|
64
|
-
};
|
|
10
|
+
export const DashboardTemplate = createTemplateFromCatalog('dashboard.overview', DashboardTemplateComponent);
|
|
65
11
|
//# sourceMappingURL=overview.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,oBAAoB,CAAC;AAO/D,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,GAAG,yBAAyB,CACxD,oBAAoB,EACpB,0BAA0B,CAC3B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function ConfirmationTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ConfirmationTemplate: ScreenTemplate;
|
|
3
|
+
export declare const ConfirmationTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=confirmation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/confirmation.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsCrB;AAKD,eAAO,MAAM,oBAAoB,6BAGhC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../../components/card';
|
|
3
3
|
import { Button } from '../../components/button';
|
|
4
|
-
import {
|
|
4
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
5
5
|
export function ConfirmationTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
6
6
|
const title = texts.title || 'Are You Sure?';
|
|
7
7
|
const message = texts.message || 'This action cannot be undone.';
|
|
@@ -10,38 +10,5 @@ export function ConfirmationTemplateComponent({ children, className = '', slots
|
|
|
10
10
|
const isDestructive = options.is_destructive ?? false;
|
|
11
11
|
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] }));
|
|
12
12
|
}
|
|
13
|
-
export const ConfirmationTemplate =
|
|
14
|
-
id: 'feedback.confirmation',
|
|
15
|
-
name: 'Confirmation',
|
|
16
|
-
category: 'feedback',
|
|
17
|
-
description: 'Confirmation dialog for important actions',
|
|
18
|
-
skeleton: {
|
|
19
|
-
shell: 'centered-card',
|
|
20
|
-
page: 'feedback-page',
|
|
21
|
-
sections: [
|
|
22
|
-
{
|
|
23
|
-
id: 'confirmation-dialog',
|
|
24
|
-
name: 'Confirmation Dialog',
|
|
25
|
-
slot: 'main',
|
|
26
|
-
required: true,
|
|
27
|
-
Component: ConfirmationTemplateComponent,
|
|
28
|
-
},
|
|
29
|
-
],
|
|
30
|
-
},
|
|
31
|
-
layout: {
|
|
32
|
-
type: 'centered',
|
|
33
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
34
|
-
},
|
|
35
|
-
customizable: {
|
|
36
|
-
texts: ['title', 'message', 'confirm_label', 'cancel_label'],
|
|
37
|
-
optional: ['is_destructive'],
|
|
38
|
-
slots: ['warningIcon', 'details'],
|
|
39
|
-
},
|
|
40
|
-
requiredComponents: ['Button', 'Card'],
|
|
41
|
-
Component: ConfirmationTemplateComponent,
|
|
42
|
-
version: '1.0.0',
|
|
43
|
-
created: '2026-02-01',
|
|
44
|
-
updated: '2026-02-01',
|
|
45
|
-
tags: ['feedback', 'confirmation', 'dialog', 'warning'],
|
|
46
|
-
};
|
|
13
|
+
export const ConfirmationTemplate = createTemplateFromCatalog('feedback.confirmation', ConfirmationTemplateComponent);
|
|
47
14
|
//# sourceMappingURL=confirmation.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,oBAAoB,CAAC;AAK/D,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,GAAG,yBAAyB,CAC3D,uBAAuB,EACvB,6BAA6B,CAC9B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function EmptyTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const EmptyTemplate: ScreenTemplate;
|
|
3
|
+
export declare const EmptyTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=empty.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/empty.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAsDrB;AAKD,eAAO,MAAM,aAAa,6BAAsE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from '../../components/button';
|
|
3
|
-
import {
|
|
3
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
4
4
|
export function EmptyTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
5
5
|
const title = texts.title || 'No Items Found';
|
|
6
6
|
const message = texts.message || 'Get started by creating your first item';
|
|
@@ -8,38 +8,5 @@ export function EmptyTemplateComponent({ children, className = '', slots = {}, t
|
|
|
8
8
|
const showCta = options.show_cta ?? true;
|
|
9
9
|
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] }));
|
|
10
10
|
}
|
|
11
|
-
export const EmptyTemplate =
|
|
12
|
-
id: 'feedback.empty',
|
|
13
|
-
name: 'Empty',
|
|
14
|
-
category: 'feedback',
|
|
15
|
-
description: 'Empty state screen with call-to-action',
|
|
16
|
-
skeleton: {
|
|
17
|
-
shell: 'centered',
|
|
18
|
-
page: 'feedback-page',
|
|
19
|
-
sections: [
|
|
20
|
-
{
|
|
21
|
-
id: 'empty-state',
|
|
22
|
-
name: 'Empty State',
|
|
23
|
-
slot: 'main',
|
|
24
|
-
required: true,
|
|
25
|
-
Component: EmptyTemplateComponent,
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
layout: {
|
|
30
|
-
type: 'centered',
|
|
31
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
32
|
-
},
|
|
33
|
-
customizable: {
|
|
34
|
-
texts: ['title', 'message', 'cta_label'],
|
|
35
|
-
optional: ['show_cta'],
|
|
36
|
-
slots: ['illustration', 'helpText'],
|
|
37
|
-
},
|
|
38
|
-
requiredComponents: ['Button'],
|
|
39
|
-
Component: EmptyTemplateComponent,
|
|
40
|
-
version: '1.0.0',
|
|
41
|
-
created: '2026-02-01',
|
|
42
|
-
updated: '2026-02-01',
|
|
43
|
-
tags: ['feedback', 'empty', 'state', 'no-data'],
|
|
44
|
-
};
|
|
11
|
+
export const EmptyTemplate = createTemplateFromCatalog('feedback.empty', EmptyTemplateComponent);
|
|
45
12
|
//# sourceMappingURL=empty.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,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,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,GAAG,yBAAyB,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function ErrorTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ErrorTemplate: ScreenTemplate;
|
|
3
|
+
export declare const ErrorTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=error.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/error.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/error.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAuDrB;AAKD,eAAO,MAAM,aAAa,6BAAsE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from '../../components/button';
|
|
3
|
-
import {
|
|
3
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
4
4
|
export function ErrorTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
5
5
|
const title = texts.title || 'Something Went Wrong';
|
|
6
6
|
const message = texts.message || 'An error occurred. Please try again.';
|
|
@@ -8,38 +8,5 @@ export function ErrorTemplateComponent({ children, className = '', slots = {}, t
|
|
|
8
8
|
const showRetry = options.show_retry ?? true;
|
|
9
9
|
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] }));
|
|
10
10
|
}
|
|
11
|
-
export const ErrorTemplate =
|
|
12
|
-
id: 'feedback.error',
|
|
13
|
-
name: 'Error',
|
|
14
|
-
category: 'feedback',
|
|
15
|
-
description: 'Error state screen with message and retry option',
|
|
16
|
-
skeleton: {
|
|
17
|
-
shell: 'centered',
|
|
18
|
-
page: 'feedback-page',
|
|
19
|
-
sections: [
|
|
20
|
-
{
|
|
21
|
-
id: 'error-message',
|
|
22
|
-
name: 'Error Message',
|
|
23
|
-
slot: 'main',
|
|
24
|
-
required: true,
|
|
25
|
-
Component: ErrorTemplateComponent,
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
layout: {
|
|
30
|
-
type: 'centered',
|
|
31
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
32
|
-
},
|
|
33
|
-
customizable: {
|
|
34
|
-
texts: ['title', 'message', 'retry_label'],
|
|
35
|
-
optional: ['show_retry'],
|
|
36
|
-
slots: ['icon', 'errorDetails', 'additionalActions'],
|
|
37
|
-
},
|
|
38
|
-
requiredComponents: ['Button'],
|
|
39
|
-
Component: ErrorTemplateComponent,
|
|
40
|
-
version: '1.0.0',
|
|
41
|
-
created: '2026-02-01',
|
|
42
|
-
updated: '2026-02-01',
|
|
43
|
-
tags: ['feedback', 'error', 'failure', 'state'],
|
|
44
|
-
};
|
|
11
|
+
export const ErrorTemplate = createTemplateFromCatalog('feedback.error', ErrorTemplateComponent);
|
|
45
12
|
//# sourceMappingURL=error.js.map
|
|
@@ -1 +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,
|
|
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,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,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,GAAG,yBAAyB,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function LoadingTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const LoadingTemplate: ScreenTemplate;
|
|
3
|
+
export declare const LoadingTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=loading.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"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"}
|
|
@@ -1,42 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
3
3
|
export function LoadingTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
4
4
|
const message = texts.message || 'Loading...';
|
|
5
5
|
const showMessage = options.show_message ?? true;
|
|
6
6
|
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] }));
|
|
7
7
|
}
|
|
8
|
-
export const LoadingTemplate =
|
|
9
|
-
id: 'feedback.loading',
|
|
10
|
-
name: 'Loading',
|
|
11
|
-
category: 'feedback',
|
|
12
|
-
description: 'Loading state screen with spinner and optional message',
|
|
13
|
-
skeleton: {
|
|
14
|
-
shell: 'centered',
|
|
15
|
-
page: 'feedback-page',
|
|
16
|
-
sections: [
|
|
17
|
-
{
|
|
18
|
-
id: 'loading-indicator',
|
|
19
|
-
name: 'Loading Indicator',
|
|
20
|
-
slot: 'main',
|
|
21
|
-
required: true,
|
|
22
|
-
Component: LoadingTemplateComponent,
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
layout: {
|
|
27
|
-
type: 'centered',
|
|
28
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
29
|
-
},
|
|
30
|
-
customizable: {
|
|
31
|
-
texts: ['message'],
|
|
32
|
-
optional: ['show_message'],
|
|
33
|
-
slots: ['spinner'],
|
|
34
|
-
},
|
|
35
|
-
requiredComponents: [],
|
|
36
|
-
Component: LoadingTemplateComponent,
|
|
37
|
-
version: '1.0.0',
|
|
38
|
-
created: '2026-02-01',
|
|
39
|
-
updated: '2026-02-01',
|
|
40
|
-
tags: ['feedback', 'loading', 'spinner', 'state'],
|
|
41
|
-
};
|
|
8
|
+
export const LoadingTemplate = createTemplateFromCatalog('feedback.loading', LoadingTemplateComponent);
|
|
42
9
|
//# sourceMappingURL=loading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/templates/feedback/loading.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,yBAAyB,EAAE,MAAM,
|
|
1
|
+
{"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,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,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function SuccessTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const SuccessTemplate: ScreenTemplate;
|
|
3
|
+
export declare const SuccessTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=success.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from '../../components/button';
|
|
3
|
-
import {
|
|
3
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
4
4
|
export function SuccessTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
5
5
|
const title = texts.title || 'Success!';
|
|
6
6
|
const message = texts.message || 'Your action was completed successfully';
|
|
@@ -8,38 +8,5 @@ export function SuccessTemplateComponent({ children, className = '', slots = {},
|
|
|
8
8
|
const showCta = options.show_cta ?? true;
|
|
9
9
|
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] }));
|
|
10
10
|
}
|
|
11
|
-
export const SuccessTemplate =
|
|
12
|
-
id: 'feedback.success',
|
|
13
|
-
name: 'Success',
|
|
14
|
-
category: 'feedback',
|
|
15
|
-
description: 'Success state screen with confirmation message',
|
|
16
|
-
skeleton: {
|
|
17
|
-
shell: 'centered',
|
|
18
|
-
page: 'feedback-page',
|
|
19
|
-
sections: [
|
|
20
|
-
{
|
|
21
|
-
id: 'success-message',
|
|
22
|
-
name: 'Success Message',
|
|
23
|
-
slot: 'main',
|
|
24
|
-
required: true,
|
|
25
|
-
Component: SuccessTemplateComponent,
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
layout: {
|
|
30
|
-
type: 'centered',
|
|
31
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
32
|
-
},
|
|
33
|
-
customizable: {
|
|
34
|
-
texts: ['title', 'message', 'cta_label'],
|
|
35
|
-
optional: ['show_cta'],
|
|
36
|
-
slots: ['icon', 'details', 'additionalActions'],
|
|
37
|
-
},
|
|
38
|
-
requiredComponents: ['Button'],
|
|
39
|
-
Component: SuccessTemplateComponent,
|
|
40
|
-
version: '1.0.0',
|
|
41
|
-
created: '2026-02-01',
|
|
42
|
-
updated: '2026-02-01',
|
|
43
|
-
tags: ['feedback', 'success', 'confirmation', 'state'],
|
|
44
|
-
};
|
|
11
|
+
export const SuccessTemplate = createTemplateFromCatalog('feedback.success', SuccessTemplateComponent);
|
|
45
12
|
//# sourceMappingURL=success.js.map
|
|
@@ -1 +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,
|
|
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,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,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,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}
|