@framingui/ui 0.6.1 → 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/LICENSE +21 -0
- package/README.md +22 -1090
- package/dist/chunk-7UBERMRE.mjs +180 -0
- package/dist/index.d.mts +3 -140
- package/dist/index.mjs +257 -1688
- package/dist/src/components/badge.d.ts +1 -1
- package/dist/src/components/button.d.ts +1 -1
- package/dist/src/components/calendar.d.ts.map +1 -1
- package/dist/src/components/calendar.js +12 -11
- package/dist/src/components/calendar.js.map +1 -1
- package/dist/src/components/command.d.ts +7 -7
- package/dist/src/components/select.js +1 -1
- package/dist/src/components/select.js.map +1 -1
- package/dist/src/components/sheet.d.ts +1 -1
- 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/lib/theme-loader.d.ts +1 -0
- package/dist/src/lib/theme-loader.d.ts.map +1 -1
- package/dist/src/lib/theme-loader.js.map +1 -1
- package/dist/src/lib/tokens.d.ts +1 -0
- package/dist/src/lib/tokens.d.ts.map +1 -1
- package/dist/src/lib/tokens.js +1 -0
- package/dist/src/lib/tokens.js.map +1 -1
- package/dist/src/primitives/badge.d.ts +1 -1
- package/dist/src/primitives/button.d.ts +1 -1
- package/dist/src/primitives/text.d.ts +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 +18 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup.js","sourceRoot":"","sources":["../../../../src/templates/auth/signup.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;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"signup.js","sourceRoot":"","sources":["../../../../src/templates/auth/signup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function VerificationTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const VerificationTemplate: ScreenTemplate;
|
|
3
|
+
export declare const VerificationTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=verification.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verification.d.ts","sourceRoot":"","sources":["../../../../src/templates/auth/verification.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"verification.d.ts","sourceRoot":"","sources":["../../../../src/templates/auth/verification.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,2CAsDrB;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 VerificationTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
6
6
|
const title = texts.title || 'Verify Your Email';
|
|
7
7
|
const subtitle = texts.subtitle || "We've sent a verification link to your email address";
|
|
@@ -10,38 +10,5 @@ export function VerificationTemplateComponent({ children, className = '', slots
|
|
|
10
10
|
const userEmail = options.user_email || 'user@example.com';
|
|
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: [slots.icon && _jsx("div", { className: "mb-[var(--tekton-spacing-4)]", children: slots.icon }), _jsx(CardTitle, { children: title }), _jsx(CardDescription, { children: subtitle })] }), _jsxs(CardContent, { className: "space-y-[var(--tekton-spacing-4)]", children: [_jsx("div", { className: "bg-[var(--tekton-bg-muted)] p-[var(--tekton-spacing-3)] rounded-[var(--tekton-radius-md)] text-center", children: _jsx("p", { className: "text-sm font-medium", children: userEmail }) }), _jsx(Button, { className: "w-full", children: buttonLabel }), showResend && (_jsx("div", { className: "text-center", children: _jsxs("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: ["Didn't receive the email?", ' ', _jsx("button", { className: "text-[var(--tekton-text-primary)] hover:underline", children: "Resend" })] }) }))] }), _jsx(CardFooter, { children: slots.footer || (_jsxs("p", { className: "text-sm text-center w-full text-[var(--tekton-text-muted-foreground)]", children: ["Wrong email?", ' ', _jsx("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Change email address" })] })) })] }), children] }));
|
|
12
12
|
}
|
|
13
|
-
export const VerificationTemplate =
|
|
14
|
-
id: 'auth.verification',
|
|
15
|
-
name: 'Email Verification',
|
|
16
|
-
category: 'auth',
|
|
17
|
-
description: 'Email verification screen with resend option',
|
|
18
|
-
skeleton: {
|
|
19
|
-
shell: 'centered-card',
|
|
20
|
-
page: 'auth-page',
|
|
21
|
-
sections: [
|
|
22
|
-
{
|
|
23
|
-
id: 'verification-message',
|
|
24
|
-
name: 'Verification Message',
|
|
25
|
-
slot: 'main',
|
|
26
|
-
required: true,
|
|
27
|
-
Component: VerificationTemplateComponent,
|
|
28
|
-
},
|
|
29
|
-
],
|
|
30
|
-
},
|
|
31
|
-
layout: {
|
|
32
|
-
type: 'centered',
|
|
33
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
34
|
-
},
|
|
35
|
-
customizable: {
|
|
36
|
-
texts: ['title', 'subtitle', 'button_label'],
|
|
37
|
-
optional: ['show_resend', 'user_email'],
|
|
38
|
-
slots: ['icon', 'footer'],
|
|
39
|
-
},
|
|
40
|
-
requiredComponents: ['Button', 'Card'],
|
|
41
|
-
Component: VerificationTemplateComponent,
|
|
42
|
-
version: '1.0.0',
|
|
43
|
-
created: '2026-02-01',
|
|
44
|
-
updated: '2026-02-01',
|
|
45
|
-
tags: ['auth', 'verification', 'email', 'confirm'],
|
|
46
|
-
};
|
|
13
|
+
export const VerificationTemplate = createTemplateFromCatalog('auth.verification', VerificationTemplateComponent);
|
|
47
14
|
//# sourceMappingURL=verification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verification.js","sourceRoot":"","sources":["../../../../src/templates/auth/verification.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":"verification.js","sourceRoot":"","sources":["../../../../src/templates/auth/verification.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,mBAAmB,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,sDAAsD,CAAC;IAC1F,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,IAAI,UAAU,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC;IAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,IAAI,kBAAkB,CAAC;IAE3D,OAAO,CACL,eACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,aAEnG,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eACR,KAAK,CAAC,IAAI,IAAI,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,IAAI,GAAO,EAC/E,KAAC,SAAS,cAAE,KAAK,GAAa,EAC9B,KAAC,eAAe,cAAE,QAAQ,GAAmB,IAClC,EAEb,MAAC,WAAW,IAAC,SAAS,EAAC,mCAAmC,aAExD,cAAK,SAAS,EAAC,uGAAuG,YACpH,YAAG,SAAS,EAAC,qBAAqB,YAAE,SAAS,GAAK,GAC9C,EAGN,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,YAAE,WAAW,GAAU,EAGhD,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,aAAa,YAC1B,aAAG,SAAS,EAAC,oDAAoD,0CAChC,GAAG,EAClC,iBAAQ,SAAS,EAAC,mDAAmD,uBAE5D,IACP,GACA,CACP,IACW,EAEd,KAAC,UAAU,cACR,KAAK,CAAC,MAAM,IAAI,CACf,aAAG,SAAS,EAAC,uEAAuE,6BACrE,GAAG,EAChB,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mDAAmD,qCAErE,IACF,CACL,GACU,IACR,EACN,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,oBAAoB,GAAG,yBAAyB,CAC3D,mBAAmB,EACnB,6BAA6B,CAC9B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function LandingTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const LandingTemplate: ScreenTemplate;
|
|
3
|
+
export declare const LandingTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=landing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"landing.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/landing.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"landing.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/landing.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,GACX,EAAE,mBAAmB,2CAoDrB;AAKD,eAAO,MAAM,eAAe,6BAAsE,CAAC"}
|
|
@@ -1,44 +1,11 @@
|
|
|
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 LandingTemplateComponent({ children, className = '', slots = {}, texts = {}, }) {
|
|
5
5
|
const title = texts.title || 'Welcome Back';
|
|
6
6
|
const subtitle = texts.subtitle || 'Start a new conversation or continue where you left off';
|
|
7
7
|
const ctaLabel = texts.cta_label || 'New Conversation';
|
|
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-muted)]", children: slots.sidebar })), _jsxs("main", { className: "flex-1 flex flex-col", children: [slots.header && (_jsx("header", { className: "border-b border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)]", children: slots.header })), _jsx("div", { className: "flex-1 flex flex-col items-center justify-center p-[var(--tekton-spacing-8)]", children: _jsxs("div", { className: "max-w-2xl w-full text-center space-y-[var(--tekton-spacing-6)]", children: [_jsxs("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [_jsx("h1", { className: "text-3xl font-bold", children: title }), _jsx("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })] }), _jsx("div", { children: _jsx(Button, { size: "lg", children: ctaLabel }) }), slots.recentActivity && (_jsx("div", { className: "mt-[var(--tekton-spacing-8)]", children: slots.recentActivity })), slots.suggestions && (_jsx("div", { className: "mt-[var(--tekton-spacing-6)]", children: slots.suggestions }))] }) })] }), children] }));
|
|
9
9
|
}
|
|
10
|
-
export const LandingTemplate =
|
|
11
|
-
id: 'core.landing',
|
|
12
|
-
name: 'Landing',
|
|
13
|
-
category: 'marketing',
|
|
14
|
-
description: 'Main dashboard landing page with sidebar and CTA',
|
|
15
|
-
skeleton: {
|
|
16
|
-
shell: 'sidebar-layout',
|
|
17
|
-
page: 'main-page',
|
|
18
|
-
sections: [
|
|
19
|
-
{
|
|
20
|
-
id: 'landing-content',
|
|
21
|
-
name: 'Landing Content',
|
|
22
|
-
slot: 'main',
|
|
23
|
-
required: true,
|
|
24
|
-
Component: LandingTemplateComponent,
|
|
25
|
-
},
|
|
26
|
-
],
|
|
27
|
-
},
|
|
28
|
-
layout: {
|
|
29
|
-
type: 'sidebar',
|
|
30
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
31
|
-
},
|
|
32
|
-
customizable: {
|
|
33
|
-
texts: ['title', 'subtitle', 'cta_label'],
|
|
34
|
-
optional: [],
|
|
35
|
-
slots: ['sidebar', 'header', 'recentActivity', 'suggestions'],
|
|
36
|
-
},
|
|
37
|
-
requiredComponents: ['Button'],
|
|
38
|
-
Component: LandingTemplateComponent,
|
|
39
|
-
version: '1.0.0',
|
|
40
|
-
created: '2026-02-01',
|
|
41
|
-
updated: '2026-02-01',
|
|
42
|
-
tags: ['core', 'landing', 'dashboard', 'home'],
|
|
43
|
-
};
|
|
10
|
+
export const LandingTemplate = createTemplateFromCatalog('core.landing', LandingTemplateComponent);
|
|
44
11
|
//# sourceMappingURL=landing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"landing.js","sourceRoot":"","sources":["../../../../src/templates/core/landing.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"landing.js","sourceRoot":"","sources":["../../../../src/templates/core/landing.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,GACU;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,cAAc,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,yDAAyD,CAAC;IAC7F,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,kBAAkB,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,EAAE,aAE7C,KAAK,CAAC,OAAO,IAAI,CAChB,gBAAO,SAAS,EAAC,iFAAiF,YAC/F,KAAK,CAAC,OAAO,GACR,CACT,EAGD,gBAAM,SAAS,EAAC,sBAAsB,aAEnC,KAAK,CAAC,MAAM,IAAI,CACf,iBAAQ,SAAS,EAAC,4EAA4E,YAC3F,KAAK,CAAC,MAAM,GACN,CACV,EAGD,cAAK,SAAS,EAAC,8EAA8E,YAC3F,eAAK,SAAS,EAAC,gEAAgE,aAE7E,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,4CAA4C,YAAE,QAAQ,GAAK,IACpE,EAGN,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,YAAE,QAAQ,GAAU,GACjC,EAGL,KAAK,CAAC,cAAc,IAAI,CACvB,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,cAAc,GAAO,CAC3E,EAGA,KAAK,CAAC,WAAW,IAAI,CACpB,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,WAAW,GAAO,CACxE,IACG,GACF,IACD,EACN,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function PreferencesTemplateComponent({ children, className, slots, texts, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const PreferencesTemplate: ScreenTemplate;
|
|
3
|
+
export declare const PreferencesTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=preferences.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/preferences.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/preferences.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,4BAA4B,CAAC,EAC3C,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,GACX,EAAE,mBAAmB,2CAwErB;AAKD,eAAO,MAAM,mBAAmB,6BAG/B,CAAC"}
|
|
@@ -1,51 +1,12 @@
|
|
|
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 { Button } from '../../components/button';
|
|
4
|
-
import {
|
|
4
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
5
5
|
export function PreferencesTemplateComponent({ children, className = '', slots = {}, texts = {}, }) {
|
|
6
6
|
const title = texts.title || 'Preferences';
|
|
7
7
|
const subtitle = texts.subtitle || 'Manage your account settings and preferences';
|
|
8
8
|
const saveLabel = texts.save_label || 'Save Changes';
|
|
9
9
|
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.settingsNav && (_jsx("aside", { className: "w-64 border-r border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)] bg-[var(--tekton-bg-muted)]", children: slots.settingsNav })), _jsx("main", { className: "flex-1 p-[var(--tekton-spacing-8)]", children: _jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-[var(--tekton-spacing-8)]", children: [_jsx("h1", { className: "text-3xl font-bold mb-[var(--tekton-spacing-2)]", children: title }), _jsx("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })] }), _jsxs("div", { className: "space-y-[var(--tekton-spacing-6)]", children: [slots.generalSettings && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "General" }), _jsx(CardDescription, { children: "Manage your general preferences" })] }), _jsx(CardContent, { children: slots.generalSettings })] })), slots.appearanceSettings && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Appearance" }), _jsx(CardDescription, { children: "Customize the look and feel" })] }), _jsx(CardContent, { children: slots.appearanceSettings })] })), slots.notificationsSettings && (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Notifications" }), _jsx(CardDescription, { children: "Manage notification preferences" })] }), _jsx(CardContent, { children: slots.notificationsSettings })] })), slots.additionalSettings && slots.additionalSettings] }), _jsxs("div", { className: "mt-[var(--tekton-spacing-8)] flex justify-end gap-[var(--tekton-spacing-4)]", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: saveLabel })] })] }) }), children] }));
|
|
10
10
|
}
|
|
11
|
-
export const PreferencesTemplate =
|
|
12
|
-
id: 'core.preferences',
|
|
13
|
-
name: 'Preferences',
|
|
14
|
-
category: 'form',
|
|
15
|
-
description: 'Settings and preferences page with categorized options',
|
|
16
|
-
skeleton: {
|
|
17
|
-
shell: 'sidebar-layout',
|
|
18
|
-
page: 'settings-page',
|
|
19
|
-
sections: [
|
|
20
|
-
{
|
|
21
|
-
id: 'preferences-content',
|
|
22
|
-
name: 'Preferences Content',
|
|
23
|
-
slot: 'main',
|
|
24
|
-
required: true,
|
|
25
|
-
Component: PreferencesTemplateComponent,
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
layout: {
|
|
30
|
-
type: 'sidebar',
|
|
31
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
32
|
-
},
|
|
33
|
-
customizable: {
|
|
34
|
-
texts: ['title', 'subtitle', 'save_label'],
|
|
35
|
-
optional: [],
|
|
36
|
-
slots: [
|
|
37
|
-
'settingsNav',
|
|
38
|
-
'generalSettings',
|
|
39
|
-
'appearanceSettings',
|
|
40
|
-
'notificationsSettings',
|
|
41
|
-
'additionalSettings',
|
|
42
|
-
],
|
|
43
|
-
},
|
|
44
|
-
requiredComponents: ['Button', 'Card', 'Switch', 'Select'],
|
|
45
|
-
Component: PreferencesTemplateComponent,
|
|
46
|
-
version: '1.0.0',
|
|
47
|
-
created: '2026-02-01',
|
|
48
|
-
updated: '2026-02-01',
|
|
49
|
-
tags: ['core', 'settings', 'preferences', 'configuration'],
|
|
50
|
-
};
|
|
11
|
+
export const PreferencesTemplate = createTemplateFromCatalog('core.preferences', PreferencesTemplateComponent);
|
|
51
12
|
//# sourceMappingURL=preferences.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../../src/templates/core/preferences.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;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../../src/templates/core/preferences.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;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,MAAM,UAAU,4BAA4B,CAAC,EAC3C,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,GACU;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,8CAA8C,CAAC;IAClF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,IAAI,cAAc,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,EAAE,aAE7C,KAAK,CAAC,WAAW,IAAI,CACpB,gBAAO,SAAS,EAAC,6GAA6G,YAC3H,KAAK,CAAC,WAAW,GACZ,CACT,EAGD,eAAM,SAAS,EAAC,oCAAoC,YAClD,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,aAAI,SAAS,EAAC,iDAAiD,YAAE,KAAK,GAAM,EAC5E,YAAG,SAAS,EAAC,4CAA4C,YAAE,QAAQ,GAAK,IACpE,EAGN,eAAK,SAAS,EAAC,mCAAmC,aAE/C,KAAK,CAAC,eAAe,IAAI,CACxB,MAAC,IAAI,eACH,MAAC,UAAU,eACT,KAAC,SAAS,0BAAoB,EAC9B,KAAC,eAAe,kDAAkD,IACvD,EACb,KAAC,WAAW,cAAE,KAAK,CAAC,eAAe,GAAe,IAC7C,CACR,EAGA,KAAK,CAAC,kBAAkB,IAAI,CAC3B,MAAC,IAAI,eACH,MAAC,UAAU,eACT,KAAC,SAAS,6BAAuB,EACjC,KAAC,eAAe,8CAA8C,IACnD,EACb,KAAC,WAAW,cAAE,KAAK,CAAC,kBAAkB,GAAe,IAChD,CACR,EAGA,KAAK,CAAC,qBAAqB,IAAI,CAC9B,MAAC,IAAI,eACH,MAAC,UAAU,eACT,KAAC,SAAS,gCAA0B,EACpC,KAAC,eAAe,kDAAkD,IACvD,EACb,KAAC,WAAW,cAAE,KAAK,CAAC,qBAAqB,GAAe,IACnD,CACR,EAGA,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,kBAAkB,IACjD,EAGN,eAAK,SAAS,EAAC,6EAA6E,aAC1F,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,uBAAgB,EACzC,KAAC,MAAM,cAAE,SAAS,GAAU,IACxB,IACF,GACD,EACN,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,mBAAmB,GAAG,yBAAyB,CAC1D,kBAAkB,EAClB,4BAA4B,CAC7B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScreenTemplateProps } from '../types';
|
|
2
2
|
export declare function ProfileTemplateComponent({ children, className, slots, texts, options, }: ScreenTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ProfileTemplate: ScreenTemplate;
|
|
3
|
+
export declare const ProfileTemplate: import("..").ScreenTemplate;
|
|
4
4
|
//# sourceMappingURL=profile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/profile.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../../src/templates/core/profile.tsx"],"names":[],"mappings":"AAuBA,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,2CA6ErB;AAKD,eAAO,MAAM,eAAe,6BAAsE,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../..
|
|
|
3
3
|
import { Button } from '../../components/button';
|
|
4
4
|
import { Input } from '../../components/input';
|
|
5
5
|
import { Label } from '../../components/label';
|
|
6
|
-
import {
|
|
6
|
+
import { createTemplateFromCatalog } from '../create-template';
|
|
7
7
|
export function ProfileTemplateComponent({ children, className = '', slots = {}, texts = {}, options = {}, }) {
|
|
8
8
|
const title = texts.title || 'Profile';
|
|
9
9
|
const subtitle = texts.subtitle || 'Manage your profile information';
|
|
@@ -12,38 +12,5 @@ export function ProfileTemplateComponent({ children, className = '', slots = {},
|
|
|
12
12
|
const userEmail = String(options.user_email || 'john@example.com');
|
|
13
13
|
return (_jsxs("div", { className: `min-h-screen p-[var(--tekton-spacing-8)] ${className}`, children: [_jsxs("div", { className: "max-w-3xl mx-auto", children: [_jsxs("div", { className: "mb-[var(--tekton-spacing-8)]", children: [_jsx("h1", { className: "text-3xl font-bold mb-[var(--tekton-spacing-2)]", children: title }), _jsx("p", { className: "text-[var(--tekton-text-muted-foreground)]", children: subtitle })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Personal Information" }), _jsx(CardDescription, { children: "Update your profile details" })] }), _jsxs(CardContent, { className: "space-y-[var(--tekton-spacing-6)]", children: [slots.avatar && (_jsxs("div", { className: "flex items-center gap-[var(--tekton-spacing-4)]", children: [_jsx("div", { children: slots.avatar }), _jsxs("div", { children: [_jsx(Button, { variant: "outline", size: "sm", children: "Change Photo" }), _jsx("p", { className: "text-xs text-[var(--tekton-text-muted-foreground)] mt-[var(--tekton-spacing-2)]", children: "JPG, PNG. Max 2MB" })] })] })), _jsxs("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", type: "text", defaultValue: userName })] }), _jsxs("div", { className: "space-y-[var(--tekton-spacing-2)]", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", defaultValue: userEmail, disabled: true }), _jsx("p", { className: "text-xs text-[var(--tekton-text-muted-foreground)]", children: "Contact support to change your email address" })] }), slots.bioField && (_jsx("div", { className: "space-y-[var(--tekton-spacing-2)]", children: slots.bioField })), slots.additionalFields && slots.additionalFields] })] }), slots.additionalSections && (_jsx("div", { className: "mt-[var(--tekton-spacing-6)]", children: slots.additionalSections })), _jsxs("div", { className: "mt-[var(--tekton-spacing-8)] flex justify-end gap-[var(--tekton-spacing-4)]", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: saveLabel })] })] }), children] }));
|
|
14
14
|
}
|
|
15
|
-
export const ProfileTemplate =
|
|
16
|
-
id: 'core.profile',
|
|
17
|
-
name: 'Profile',
|
|
18
|
-
category: 'form',
|
|
19
|
-
description: 'User profile page with editable information',
|
|
20
|
-
skeleton: {
|
|
21
|
-
shell: 'centered-layout',
|
|
22
|
-
page: 'profile-page',
|
|
23
|
-
sections: [
|
|
24
|
-
{
|
|
25
|
-
id: 'profile-content',
|
|
26
|
-
name: 'Profile Content',
|
|
27
|
-
slot: 'main',
|
|
28
|
-
required: true,
|
|
29
|
-
Component: ProfileTemplateComponent,
|
|
30
|
-
},
|
|
31
|
-
],
|
|
32
|
-
},
|
|
33
|
-
layout: {
|
|
34
|
-
type: 'centered',
|
|
35
|
-
responsive: DEFAULT_RESPONSIVE_LAYOUT,
|
|
36
|
-
},
|
|
37
|
-
customizable: {
|
|
38
|
-
texts: ['title', 'subtitle', 'save_label'],
|
|
39
|
-
optional: ['user_name', 'user_email'],
|
|
40
|
-
slots: ['avatar', 'bioField', 'additionalFields', 'additionalSections'],
|
|
41
|
-
},
|
|
42
|
-
requiredComponents: ['Button', 'Input', 'Form', 'Card', 'Label', 'Avatar'],
|
|
43
|
-
Component: ProfileTemplateComponent,
|
|
44
|
-
version: '1.0.0',
|
|
45
|
-
created: '2026-02-01',
|
|
46
|
-
updated: '2026-02-01',
|
|
47
|
-
tags: ['core', 'profile', 'account', 'user'],
|
|
48
|
-
};
|
|
15
|
+
export const ProfileTemplate = createTemplateFromCatalog('core.profile', ProfileTemplateComponent);
|
|
49
16
|
//# sourceMappingURL=profile.js.map
|
|
@@ -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"}
|