@framingui/ui 0.6.2 → 0.6.4
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/chunk-RWYATDH5.mjs +180 -0
- package/dist/index.d.mts +1 -140
- package/dist/index.mjs +425 -1846
- package/dist/src/components/alert-dialog.stories.js +1 -1
- package/dist/src/components/alert-dialog.stories.js.map +1 -1
- package/dist/src/components/avatar.js +2 -2
- package/dist/src/components/avatar.js.map +1 -1
- package/dist/src/components/avatar.stories.js +2 -2
- package/dist/src/components/avatar.stories.js.map +1 -1
- package/dist/src/components/badge.js +5 -5
- package/dist/src/components/badge.js.map +1 -1
- package/dist/src/components/breadcrumb.js +7 -7
- package/dist/src/components/breadcrumb.js.map +1 -1
- package/dist/src/components/button.js +10 -10
- package/dist/src/components/button.js.map +1 -1
- package/dist/src/components/calendar.js +11 -11
- package/dist/src/components/calendar.js.map +1 -1
- package/dist/src/components/calendar.stories.js +9 -9
- package/dist/src/components/calendar.stories.js.map +1 -1
- package/dist/src/components/card.js +5 -5
- package/dist/src/components/card.js.map +1 -1
- package/dist/src/components/card.stories.js +3 -3
- package/dist/src/components/card.stories.js.map +1 -1
- package/dist/src/components/checkbox.js +1 -1
- package/dist/src/components/checkbox.js.map +1 -1
- package/dist/src/components/checkbox.stories.js +2 -2
- package/dist/src/components/checkbox.stories.js.map +1 -1
- package/dist/src/components/command.d.ts +7 -7
- package/dist/src/components/command.js +8 -8
- package/dist/src/components/command.js.map +1 -1
- package/dist/src/components/command.stories.js +6 -6
- package/dist/src/components/command.stories.js.map +1 -1
- package/dist/src/components/dialog.stories.js +1 -1
- package/dist/src/components/dialog.stories.js.map +1 -1
- package/dist/src/components/dropdown-menu.js +8 -8
- package/dist/src/components/dropdown-menu.js.map +1 -1
- package/dist/src/components/form.js +4 -4
- package/dist/src/components/form.js.map +1 -1
- package/dist/src/components/input.js +1 -1
- package/dist/src/components/input.js.map +1 -1
- package/dist/src/components/input.stories.js +2 -2
- package/dist/src/components/input.stories.js.map +1 -1
- package/dist/src/components/label.stories.js +2 -2
- package/dist/src/components/label.stories.js.map +1 -1
- package/dist/src/components/navigation-menu.js +4 -4
- package/dist/src/components/navigation-menu.js.map +1 -1
- package/dist/src/components/navigation-menu.stories.js +2 -2
- package/dist/src/components/navigation-menu.stories.js.map +1 -1
- package/dist/src/components/popover.js +1 -1
- package/dist/src/components/popover.js.map +1 -1
- package/dist/src/components/popover.stories.js +2 -2
- package/dist/src/components/popover.stories.js.map +1 -1
- package/dist/src/components/progress.js +1 -1
- package/dist/src/components/progress.js.map +1 -1
- package/dist/src/components/radio-group.js +2 -2
- package/dist/src/components/radio-group.js.map +1 -1
- package/dist/src/components/radio-group.stories.js +2 -2
- package/dist/src/components/radio-group.stories.js.map +1 -1
- package/dist/src/components/scroll-area.js +1 -1
- package/dist/src/components/scroll-area.js.map +1 -1
- package/dist/src/components/scroll-area.stories.js +4 -4
- package/dist/src/components/scroll-area.stories.js.map +1 -1
- package/dist/src/components/select.js +5 -5
- package/dist/src/components/select.js.map +1 -1
- package/dist/src/components/separator.js +1 -1
- package/dist/src/components/separator.js.map +1 -1
- package/dist/src/components/separator.stories.js +2 -2
- package/dist/src/components/separator.stories.js.map +1 -1
- package/dist/src/components/sheet.d.ts +1 -1
- package/dist/src/components/sheet.js +11 -11
- package/dist/src/components/sheet.js.map +1 -1
- package/dist/src/components/sidebar.js +13 -13
- package/dist/src/components/sidebar.js.map +1 -1
- package/dist/src/components/sidebar.stories.js +2 -2
- package/dist/src/components/sidebar.stories.js.map +1 -1
- package/dist/src/components/skeleton.js +1 -1
- package/dist/src/components/skeleton.js.map +1 -1
- package/dist/src/components/skeleton.stories.js +1 -1
- package/dist/src/components/skeleton.stories.js.map +1 -1
- package/dist/src/components/switch.js +1 -1
- package/dist/src/components/switch.js.map +1 -1
- package/dist/src/components/switch.stories.js +3 -3
- package/dist/src/components/switch.stories.js.map +1 -1
- package/dist/src/components/table.js +5 -5
- package/dist/src/components/table.js.map +1 -1
- package/dist/src/components/tabs.js +3 -3
- package/dist/src/components/tabs.js.map +1 -1
- package/dist/src/components/tabs.stories.js +2 -2
- package/dist/src/components/tabs.stories.js.map +1 -1
- package/dist/src/components/textarea.js +1 -1
- package/dist/src/components/textarea.js.map +1 -1
- package/dist/src/components/textarea.stories.js +4 -4
- package/dist/src/components/textarea.stories.js.map +1 -1
- package/dist/src/components/toast.js +6 -6
- package/dist/src/components/toast.js.map +1 -1
- package/dist/src/components/tooltip.js +1 -1
- package/dist/src/components/tooltip.js.map +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.map +1 -1
- package/dist/src/lib/theme-loader.js +41 -29
- package/dist/src/lib/theme-loader.js.map +1 -1
- package/dist/src/lib/tokens.d.ts.map +1 -1
- package/dist/src/lib/tokens.js +38 -38
- package/dist/src/lib/tokens.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 +3 -36
- 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 +3 -36
- 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 +3 -36
- 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 +3 -36
- 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 +3 -36
- 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 +3 -42
- 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 +3 -36
- 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 +3 -57
- 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 +3 -36
- 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 +3 -36
- 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 +3 -36
- 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 +3 -36
- 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 +3 -36
- package/dist/src/templates/feedback/success.js.map +1 -1
- package/dist/src/templates/types.js +6 -6
- package/dist/src/templates/types.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 +7 -2
- package/styles/globals.css +113 -84
|
@@ -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
|
-
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.sidebar && (_jsx("aside", { className: "w-64 border-r border-[var(--
|
|
8
|
+
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.sidebar && (_jsx("aside", { className: "w-64 border-r border-[var(--border-default)] bg-[var(--bg-muted)]", children: slots.sidebar })), _jsxs("main", { className: "flex-1 flex flex-col", children: [slots.header && (_jsx("header", { className: "border-b border-[var(--border-default)] p-[var(--spacing-4)]", children: slots.header })), _jsx("div", { className: "flex-1 flex flex-col items-center justify-center p-[var(--spacing-8)]", children: _jsxs("div", { className: "max-w-2xl w-full text-center space-y-[var(--spacing-6)]", children: [_jsxs("div", { className: "space-y-[var(--spacing-2)]", children: [_jsx("h1", { className: "text-3xl font-bold", children: title }), _jsx("p", { className: "text-[var(--text-muted-foreground)]", children: subtitle })] }), _jsx("div", { children: _jsx(Button, { size: "lg", children: ctaLabel }) }), slots.recentActivity && (_jsx("div", { className: "mt-[var(--spacing-8)]", children: slots.recentActivity })), slots.suggestions && (_jsx("div", { className: "mt-[var(--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,mEAAmE,YACjF,KAAK,CAAC,OAAO,GACR,CACT,EAGD,gBAAM,SAAS,EAAC,sBAAsB,aAEnC,KAAK,CAAC,MAAM,IAAI,CACf,iBAAQ,SAAS,EAAC,8DAA8D,YAC7E,KAAK,CAAC,MAAM,GACN,CACV,EAGD,cAAK,SAAS,EAAC,uEAAuE,YACpF,eAAK,SAAS,EAAC,yDAAyD,aAEtE,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAK,IAC7D,EAGN,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,YAAE,QAAQ,GAAU,GACjC,EAGL,KAAK,CAAC,cAAc,IAAI,CACvB,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,cAAc,GAAO,CACpE,EAGA,KAAK,CAAC,WAAW,IAAI,CACpB,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,WAAW,GAAO,CACjE,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
|
-
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.settingsNav && (_jsx("aside", { className: "w-64 border-r border-[var(--
|
|
9
|
+
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.settingsNav && (_jsx("aside", { className: "w-64 border-r border-[var(--border-default)] p-[var(--spacing-4)] bg-[var(--bg-muted)]", children: slots.settingsNav })), _jsx("main", { className: "flex-1 p-[var(--spacing-8)]", children: _jsxs("div", { className: "max-w-3xl", children: [_jsxs("div", { className: "mb-[var(--spacing-8)]", children: [_jsx("h1", { className: "text-3xl font-bold mb-[var(--spacing-2)]", children: title }), _jsx("p", { className: "text-[var(--text-muted-foreground)]", children: subtitle })] }), _jsxs("div", { className: "space-y-[var(--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(--spacing-8)] flex justify-end gap-[var(--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,wFAAwF,YACtG,KAAK,CAAC,WAAW,GACZ,CACT,EAGD,eAAM,SAAS,EAAC,6BAA6B,YAC3C,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EACrE,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAK,IAC7D,EAGN,eAAK,SAAS,EAAC,4BAA4B,aAExC,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,+DAA+D,aAC5E,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,47 +3,14 @@ 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';
|
|
10
10
|
const saveLabel = texts.save_label || 'Save Changes';
|
|
11
11
|
const userName = String(options.user_name || 'John Doe');
|
|
12
12
|
const userEmail = String(options.user_email || 'john@example.com');
|
|
13
|
-
return (_jsxs("div", { className: `min-h-screen p-[var(--
|
|
13
|
+
return (_jsxs("div", { className: `min-h-screen p-[var(--spacing-8)] ${className}`, children: [_jsxs("div", { className: "max-w-3xl mx-auto", children: [_jsxs("div", { className: "mb-[var(--spacing-8)]", children: [_jsx("h1", { className: "text-3xl font-bold mb-[var(--spacing-2)]", children: title }), _jsx("p", { className: "text-[var(--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(--spacing-6)]", children: [slots.avatar && (_jsxs("div", { className: "flex items-center gap-[var(--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(--text-muted-foreground)] mt-[var(--spacing-2)]", children: "JPG, PNG. Max 2MB" })] })] })), _jsxs("div", { className: "space-y-[var(--spacing-2)]", children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", type: "text", defaultValue: userName })] }), _jsxs("div", { className: "space-y-[var(--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(--text-muted-foreground)]", children: "Contact support to change your email address" })] }), slots.bioField && (_jsx("div", { className: "space-y-[var(--spacing-2)]", children: slots.bioField })), slots.additionalFields && slots.additionalFields] })] }), slots.additionalSections && (_jsx("div", { className: "mt-[var(--spacing-6)]", children: slots.additionalSections })), _jsxs("div", { className: "mt-[var(--spacing-8)] flex justify-end gap-[var(--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,qCAAqC,SAAS,EAAE,aAC9D,eAAK,SAAS,EAAC,mBAAmB,aAEhC,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,0CAA0C,YAAE,KAAK,GAAM,EACrE,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAK,IAC7D,EAGN,MAAC,IAAI,eACH,MAAC,UAAU,eACT,KAAC,SAAS,uCAAiC,EAC3C,KAAC,eAAe,8CAA8C,IACnD,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,aAEhD,KAAK,CAAC,MAAM,IAAI,CACf,eAAK,SAAS,EAAC,0CAA0C,aACvD,wBAAM,KAAK,CAAC,MAAM,GAAO,EACzB,0BACE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,6BAE1B,EACT,YAAG,SAAS,EAAC,mEAAmE,kCAE5E,IACA,IACF,CACP,EAGD,eAAK,SAAS,EAAC,4BAA4B,aACzC,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,4BAA4B,aACzC,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,6CAA6C,6DAEtD,IACA,EAGL,KAAK,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,QAAQ,GAAO,CACnE,EAGA,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,IACrC,IACT,EAGN,KAAK,CAAC,kBAAkB,IAAI,CAC3B,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,kBAAkB,GAAO,CACxE,EAGD,eAAK,SAAS,EAAC,+DAA+D,aAC5E,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
|
-
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.sidebar && (_jsx("aside", { className: "w-64 border-r border-[var(--
|
|
8
|
+
return (_jsxs("div", { className: `min-h-screen flex ${className}`, children: [slots.sidebar && (_jsx("aside", { className: "w-64 border-r border-[var(--border-default)] bg-[var(--bg-card)] hidden lg:block", children: slots.sidebar })), _jsxs("main", { className: "flex-1 overflow-auto bg-[var(--bg-background)]", children: [_jsx("header", { className: "sticky top-0 z-10 border-b border-[var(--border-default)] bg-[var(--bg-background)]/80 backdrop-blur-md p-[var(--spacing-4)]", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-[var(--text-foreground)]", children: title }), _jsx("p", { className: "text-sm text-[var(--text-muted-foreground)]", children: subtitle })] }), slots.headerActions && _jsx("div", { children: slots.headerActions })] }) }), _jsxs("div", { className: "py-[var(--layout-section-py,var(--spacing-6))] px-[var(--layout-container-px,var(--spacing-6))] space-y-[var(--layout-stack-gap,var(--spacing-6))] max-w-[var(--layout-container-xl)] mx-auto", children: [slots.metrics && (_jsx("div", { className: "grid gap-[var(--spacing-4)] grid-cols-2 lg:grid-cols-4", children: slots.metrics })), _jsx(Separator, {}), _jsxs("div", { className: "grid gap-x-[var(--layout-grid-gap-x,var(--spacing-6))] gap-y-[var(--layout-grid-gap-y,var(--spacing-6))] lg:grid-cols-12", children: [slots.primaryContent && (_jsx("div", { className: "lg:col-span-8 space-y-[var(--layout-stack-gap,var(--spacing-6))]", children: slots.primaryContent })), slots.secondaryContent && (_jsx("div", { className: "lg:col-span-4 space-y-[var(--layout-stack-gap,var(--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,kFAAkF,YAChG,KAAK,CAAC,OAAO,GACR,CACT,EAGD,gBAAM,SAAS,EAAC,gDAAgD,aAE9D,iBAAQ,SAAS,EAAC,8HAA8H,YAC9I,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,kDAAkD,YAAE,KAAK,GAAM,EAC7E,YAAG,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAK,IACrE,EACL,KAAK,CAAC,aAAa,IAAI,wBAAM,KAAK,CAAC,aAAa,GAAO,IACpD,GACC,EAGT,eAAK,SAAS,EAAC,+LAA+L,aAE3M,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,wDAAwD,YACpE,KAAK,CAAC,OAAO,GACV,CACP,EAED,KAAC,SAAS,KAAG,EAGb,eAAK,SAAS,EAAC,0HAA0H,aAEtI,KAAK,CAAC,cAAc,IAAI,CACvB,cAAK,SAAS,EAAC,kEAAkE,YAE9E,KAAK,CAAC,cAAc,GACjB,CACP,EAGA,KAAK,CAAC,gBAAgB,IAAI,CACzB,cAAK,SAAS,EAAC,kEAAkE,YAE/E,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,47 +1,14 @@
|
|
|
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.';
|
|
8
8
|
const confirmLabel = texts.confirm_label || 'Confirm';
|
|
9
9
|
const cancelLabel = texts.cancel_label || 'Cancel';
|
|
10
10
|
const isDestructive = options.is_destructive ?? false;
|
|
11
|
-
return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--
|
|
11
|
+
return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--spacing-4)] ${className}`, children: [_jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { children: [isDestructive && slots.warningIcon && (_jsx("div", { className: "mb-[var(--spacing-2)]", children: slots.warningIcon })), _jsx(CardTitle, { children: title }), _jsx(CardDescription, { children: message })] }), _jsx(CardContent, { children: slots.details && (_jsx("div", { className: "bg-[var(--bg-muted)] p-[var(--spacing-4)] rounded-[var(--radius-md)] text-sm", children: slots.details })) }), _jsxs(CardFooter, { className: "flex justify-end gap-[var(--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,sEAAsE,SAAS,EAAE,aAE5F,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAC/B,MAAC,UAAU,eAER,aAAa,IAAI,KAAK,CAAC,WAAW,IAAI,CACrC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,WAAW,GAAO,CACjE,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,8EAA8E,YAC1F,KAAK,CAAC,OAAO,GACV,CACP,GACW,EAEd,MAAC,UAAU,IAAC,SAAS,EAAC,yCAAyC,aAC7D,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,45 +1,12 @@
|
|
|
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';
|
|
7
7
|
const ctaLabel = texts.cta_label || 'Create New';
|
|
8
8
|
const showCta = options.show_cta ?? true;
|
|
9
|
-
return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--
|
|
9
|
+
return (_jsxs("div", { className: `min-h-screen flex items-center justify-center p-[var(--spacing-4)] ${className}`, children: [_jsxs("div", { className: "max-w-md text-center space-y-[var(--spacing-6)]", children: [slots.illustration || (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "rounded-full bg-[var(--bg-muted)] p-[var(--spacing-8)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-16 w-16 text-[var(--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(--spacing-2)]", children: [_jsx("h2", { className: "text-2xl font-bold", children: title }), _jsx("p", { className: "text-[var(--text-muted-foreground)]", children: message })] }), showCta && (_jsx("div", { children: _jsx(Button, { size: "lg", children: ctaLabel }) })), slots.helpText && (_jsx("div", { className: "text-sm text-[var(--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,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,iDAAiD,aAE7D,KAAK,CAAC,YAAY,IAAI,CACrB,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,wDAAwD,YACrE,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,+CAA+C,EACzD,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,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAK,IAC5D,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,6CAA6C,YAAE,KAAK,CAAC,QAAQ,GAAO,CACpF,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"}
|