@veevarts/design-system 0.1.3 → 0.1.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/dist/App.d.ts +4 -0
- package/dist/App.d.ts.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/patterns/Footer/Footer.d.ts +36 -0
- package/dist/patterns/Footer/Footer.d.ts.map +1 -0
- package/dist/patterns/Footer/index.d.ts +3 -0
- package/dist/patterns/Footer/index.d.ts.map +1 -0
- package/dist/patterns/Navbar/Navbar.d.ts +38 -0
- package/dist/patterns/Navbar/Navbar.d.ts.map +1 -0
- package/dist/patterns/Navbar/index.d.ts +3 -0
- package/dist/patterns/Navbar/index.d.ts.map +1 -0
- package/dist/patterns/Stepper/Stepper.d.ts +29 -0
- package/dist/patterns/Stepper/Stepper.d.ts.map +1 -0
- package/dist/patterns/Stepper/index.d.ts +3 -0
- package/dist/patterns/Stepper/index.d.ts.map +1 -0
- package/dist/patterns/index.d.ts +7 -0
- package/dist/patterns/index.d.ts.map +1 -0
- package/dist/providers/HeroUIProvider.d.ts +11 -0
- package/dist/providers/HeroUIProvider.d.ts.map +1 -0
- package/dist/providers/index.d.ts +2 -0
- package/dist/providers/index.d.ts.map +1 -0
- package/dist/templates/ConfirmationPageTemplate/ConfirmationPageTemplate.d.ts +43 -0
- package/dist/templates/ConfirmationPageTemplate/ConfirmationPageTemplate.d.ts.map +1 -0
- package/dist/templates/ConfirmationPageTemplate/index.d.ts +3 -0
- package/dist/templates/ConfirmationPageTemplate/index.d.ts.map +1 -0
- package/dist/templates/EventDetailsTemplate/EventDetailsTemplate.d.ts +51 -0
- package/dist/templates/EventDetailsTemplate/EventDetailsTemplate.d.ts.map +1 -0
- package/dist/templates/EventDetailsTemplate/index.d.ts +3 -0
- package/dist/templates/EventDetailsTemplate/index.d.ts.map +1 -0
- package/dist/templates/index.d.ts +5 -0
- package/dist/templates/index.d.ts.map +1 -0
- package/dist/theme/index.d.ts +36 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/tokens/colors.d.ts +35 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/index.d.ts +5 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/spacing.d.ts +17 -0
- package/dist/tokens/spacing.d.ts.map +1 -0
- package/dist/tokens/typography.d.ts +37 -0
- package/dist/tokens/typography.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAGA,OAAO,WAAW,CAAC;AAEnB,iBAAS,GAAG,4CAuBX;AAED,eAAe,GAAG,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Veevart Design System
|
|
3
|
+
* Enterprise-grade design system built on HeroUI
|
|
4
|
+
*/
|
|
5
|
+
export { colors, spacing, typography } from './tokens';
|
|
6
|
+
export type { ColorToken } from './tokens';
|
|
7
|
+
export { theme } from './theme';
|
|
8
|
+
export type { Theme } from './theme';
|
|
9
|
+
export { HeroUIProvider } from './providers';
|
|
10
|
+
export { Navbar, Stepper, Footer } from './patterns';
|
|
11
|
+
export type { NavbarProps, NavbarLink, NavbarLanguage, StepperProps, Step, FooterProps, FooterSection, FooterLink, SocialLink, } from './patterns';
|
|
12
|
+
export { ConfirmationPageTemplate, EventDetailsTemplate } from './templates';
|
|
13
|
+
export type { ConfirmationPageTemplateProps, ConfirmationDetails, EventDetailsTemplateProps, EventInfo, } from './templates';
|
|
14
|
+
export * from '@heroui/react';
|
|
15
|
+
export type * from '@heroui/react';
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACrD,YAAY,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,UAAU,EACV,UAAU,GACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC7E,YAAY,EACR,6BAA6B,EAC7B,mBAAmB,EACnB,yBAAyB,EACzB,SAAS,GACZ,MAAM,aAAa,CAAC;AAKrB,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC"}
|
package/dist/main.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Footer Pattern
|
|
3
|
+
* TODO: Implement composition using HeroUI components
|
|
4
|
+
*
|
|
5
|
+
* Requirements:
|
|
6
|
+
* - Use Link from @heroui/react
|
|
7
|
+
* - Grid layout with link sections
|
|
8
|
+
* - Configurable logo
|
|
9
|
+
* - Social links with icons
|
|
10
|
+
* - Copyright text
|
|
11
|
+
* - Responsive layout (mobile/desktop)
|
|
12
|
+
* - No business logic - all controlled via props
|
|
13
|
+
* - Strict TypeScript
|
|
14
|
+
*/
|
|
15
|
+
import { type ReactNode } from 'react';
|
|
16
|
+
export interface FooterLink {
|
|
17
|
+
label: string;
|
|
18
|
+
href: string;
|
|
19
|
+
}
|
|
20
|
+
export interface FooterSection {
|
|
21
|
+
title: string;
|
|
22
|
+
links: FooterLink[];
|
|
23
|
+
}
|
|
24
|
+
export interface SocialLink {
|
|
25
|
+
platform: string;
|
|
26
|
+
href: string;
|
|
27
|
+
icon?: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export interface FooterProps {
|
|
30
|
+
sections?: FooterSection[];
|
|
31
|
+
socialLinks?: SocialLink[];
|
|
32
|
+
copyrightText?: string;
|
|
33
|
+
logo?: ReactNode;
|
|
34
|
+
}
|
|
35
|
+
export declare function Footer(_props: FooterProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/patterns/Footer/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAGD,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,2CAYzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Navbar Pattern
|
|
3
|
+
* TODO: Implement composition using HeroUI components
|
|
4
|
+
*
|
|
5
|
+
* Requirements:
|
|
6
|
+
* - Use Navbar, NavbarBrand, NavbarContent, NavbarItem from @heroui/react
|
|
7
|
+
* - Implement configurable logo
|
|
8
|
+
* - Navigation links with active state
|
|
9
|
+
* - Language selector with Dropdown
|
|
10
|
+
* - Authentication: show login/logout based on state
|
|
11
|
+
* - No business logic - all controlled via props
|
|
12
|
+
* - Strict TypeScript
|
|
13
|
+
*/
|
|
14
|
+
import { type ReactNode } from 'react';
|
|
15
|
+
export interface NavbarLink {
|
|
16
|
+
label: string;
|
|
17
|
+
href: string;
|
|
18
|
+
isActive?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface NavbarLanguage {
|
|
21
|
+
code: string;
|
|
22
|
+
label: string;
|
|
23
|
+
}
|
|
24
|
+
export interface NavbarProps {
|
|
25
|
+
logo?: ReactNode;
|
|
26
|
+
links?: NavbarLink[];
|
|
27
|
+
languages?: NavbarLanguage[];
|
|
28
|
+
selectedLanguage?: string;
|
|
29
|
+
onLanguageChange?: (languageCode: string) => void;
|
|
30
|
+
isLoggedIn?: boolean;
|
|
31
|
+
userEmail?: string;
|
|
32
|
+
onLogin?: () => void;
|
|
33
|
+
onLogout?: () => void;
|
|
34
|
+
loginLabel?: string;
|
|
35
|
+
logoutLabel?: string;
|
|
36
|
+
}
|
|
37
|
+
export declare function Navbar(_props: NavbarProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
//# sourceMappingURL=Navbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/patterns/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,2CAYzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stepper Pattern
|
|
3
|
+
* TODO: Implement visual composition for step-by-step processes
|
|
4
|
+
*
|
|
5
|
+
* Requirements:
|
|
6
|
+
* - Visual step indicators (completed, current, upcoming)
|
|
7
|
+
* - Horizontal and vertical orientation
|
|
8
|
+
* - Connecting lines between steps
|
|
9
|
+
* - Clickable steps (optional)
|
|
10
|
+
* - States: completed (green), current (blue), upcoming (gray)
|
|
11
|
+
* - Show number or checkmark based on state
|
|
12
|
+
* - Externally controlled state via props
|
|
13
|
+
* - No business logic
|
|
14
|
+
* - Strict TypeScript
|
|
15
|
+
*/
|
|
16
|
+
export interface Step {
|
|
17
|
+
id: string;
|
|
18
|
+
label: string;
|
|
19
|
+
description?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface StepperProps {
|
|
22
|
+
steps: Step[];
|
|
23
|
+
currentStep: number;
|
|
24
|
+
orientation?: 'horizontal' | 'vertical';
|
|
25
|
+
onStepClick?: (stepIndex: number) => void;
|
|
26
|
+
allowStepClick?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare function Stepper(_props: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/patterns/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,2CAY3C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Navbar } from './Navbar';
|
|
2
|
+
export { Stepper } from './Stepper';
|
|
3
|
+
export { Footer } from './Footer';
|
|
4
|
+
export type { NavbarProps, NavbarLink, NavbarLanguage } from './Navbar';
|
|
5
|
+
export type { StepperProps, Step } from './Stepper';
|
|
6
|
+
export type { FooterProps, FooterSection, FooterLink, SocialLink } from './Footer';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/patterns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* HeroUI Provider Wrapper
|
|
3
|
+
* Wraps HeroUI's provider with our custom theme
|
|
4
|
+
*/
|
|
5
|
+
import { type ReactNode } from 'react';
|
|
6
|
+
interface HeroUIProviderProps {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function HeroUIProvider({ children }: HeroUIProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=HeroUIProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeroUIProvider.d.ts","sourceRoot":"","sources":["../../src/providers/HeroUIProvider.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,mBAAmB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAE/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Confirmation Page Template
|
|
3
|
+
* TODO: Implement complete confirmation page layout
|
|
4
|
+
*
|
|
5
|
+
* Requirements:
|
|
6
|
+
* - Combine Navbar + content + Footer
|
|
7
|
+
* - Use Card, CardBody, Button from @heroui/react
|
|
8
|
+
* - Display title, message, confirmation number
|
|
9
|
+
* - Key-value details list
|
|
10
|
+
* - Optional icon (checkmark, mail, etc)
|
|
11
|
+
* - Primary and secondary actions
|
|
12
|
+
* - Centered and responsive layout
|
|
13
|
+
* - No business logic - mock data only
|
|
14
|
+
* - Strict TypeScript
|
|
15
|
+
*/
|
|
16
|
+
import { type ReactNode } from 'react';
|
|
17
|
+
import { type NavbarProps } from '../../patterns/Navbar';
|
|
18
|
+
import { type FooterProps } from '../../patterns/Footer';
|
|
19
|
+
export interface ConfirmationDetails {
|
|
20
|
+
title: string;
|
|
21
|
+
message: string;
|
|
22
|
+
confirmationNumber?: string;
|
|
23
|
+
details?: Array<{
|
|
24
|
+
label: string;
|
|
25
|
+
value: string;
|
|
26
|
+
}>;
|
|
27
|
+
}
|
|
28
|
+
export interface ConfirmationPageTemplateProps {
|
|
29
|
+
navbar?: NavbarProps;
|
|
30
|
+
footer?: FooterProps;
|
|
31
|
+
confirmation: ConfirmationDetails;
|
|
32
|
+
primaryAction?: {
|
|
33
|
+
label: string;
|
|
34
|
+
onClick: () => void;
|
|
35
|
+
};
|
|
36
|
+
secondaryAction?: {
|
|
37
|
+
label: string;
|
|
38
|
+
onClick: () => void;
|
|
39
|
+
};
|
|
40
|
+
icon?: ReactNode;
|
|
41
|
+
}
|
|
42
|
+
export declare function ConfirmationPageTemplate(_props: ConfirmationPageTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
//# sourceMappingURL=ConfirmationPageTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmationPageTemplate.d.ts","sourceRoot":"","sources":["../../../src/templates/ConfirmationPageTemplate/ConfirmationPageTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,6BAA6B;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,mBAAmB,CAAC;IAClC,aAAa,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,eAAe,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAGD,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,6BAA6B,2CAa7E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/ConfirmationPageTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Event Details Template
|
|
3
|
+
* TODO: Implement complete event details page layout
|
|
4
|
+
*
|
|
5
|
+
* Requirements:
|
|
6
|
+
* - Combine Navbar + Stepper + content + Footer
|
|
7
|
+
* - Use Card, CardHeader, CardBody, Button, Chip from @heroui/react
|
|
8
|
+
* - Event image (optional)
|
|
9
|
+
* - Category and available spots with Chips
|
|
10
|
+
* - Event tags
|
|
11
|
+
* - Details grid (date, time, location, price)
|
|
12
|
+
* - Additional information (optional)
|
|
13
|
+
* - Primary and secondary actions
|
|
14
|
+
* - Responsive layout
|
|
15
|
+
* - No business logic - mock data only
|
|
16
|
+
* - Strict TypeScript
|
|
17
|
+
*/
|
|
18
|
+
import { type ReactNode } from 'react';
|
|
19
|
+
import { type NavbarProps } from '../../patterns/Navbar';
|
|
20
|
+
import { type StepperProps } from '../../patterns/Stepper';
|
|
21
|
+
import { type FooterProps } from '../../patterns/Footer';
|
|
22
|
+
export interface EventInfo {
|
|
23
|
+
title: string;
|
|
24
|
+
description: string;
|
|
25
|
+
date: string;
|
|
26
|
+
time: string;
|
|
27
|
+
location: string;
|
|
28
|
+
price?: string;
|
|
29
|
+
category?: string;
|
|
30
|
+
availableSpots?: number;
|
|
31
|
+
imageUrl?: string;
|
|
32
|
+
tags?: string[];
|
|
33
|
+
}
|
|
34
|
+
export interface EventDetailsTemplateProps {
|
|
35
|
+
navbar?: NavbarProps;
|
|
36
|
+
footer?: FooterProps;
|
|
37
|
+
stepper?: StepperProps;
|
|
38
|
+
event: EventInfo;
|
|
39
|
+
primaryAction?: {
|
|
40
|
+
label: string;
|
|
41
|
+
onClick: () => void;
|
|
42
|
+
isDisabled?: boolean;
|
|
43
|
+
};
|
|
44
|
+
secondaryAction?: {
|
|
45
|
+
label: string;
|
|
46
|
+
onClick: () => void;
|
|
47
|
+
};
|
|
48
|
+
additionalInfo?: ReactNode;
|
|
49
|
+
}
|
|
50
|
+
export declare function EventDetailsTemplate(_props: EventDetailsTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
//# sourceMappingURL=EventDetailsTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventDetailsTemplate.d.ts","sourceRoot":"","sources":["../../../src/templates/EventDetailsTemplate/EventDetailsTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,cAAc,CAAC,EAAE,SAAS,CAAC;CAC9B;AAGD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,yBAAyB,2CAarE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/EventDetailsTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { ConfirmationPageTemplate } from './ConfirmationPageTemplate';
|
|
2
|
+
export { EventDetailsTemplate } from './EventDetailsTemplate';
|
|
3
|
+
export type { ConfirmationPageTemplateProps, ConfirmationDetails } from './ConfirmationPageTemplate';
|
|
4
|
+
export type { EventDetailsTemplateProps, EventInfo } from './EventDetailsTemplate';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,YAAY,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACrG,YAAY,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme configuration for HeroUI
|
|
3
|
+
* Extends HeroUI's default theme with custom tokens
|
|
4
|
+
*/
|
|
5
|
+
export declare const theme: {
|
|
6
|
+
readonly colors: {
|
|
7
|
+
readonly primary: {
|
|
8
|
+
readonly 50: "#fef5f1";
|
|
9
|
+
readonly 100: "#fde8e0";
|
|
10
|
+
readonly 200: "#fbd5c7";
|
|
11
|
+
readonly 300: "#f7b79f";
|
|
12
|
+
readonly 400: "#f18d68";
|
|
13
|
+
readonly 500: "#C14615";
|
|
14
|
+
readonly 600: "#a83b11";
|
|
15
|
+
readonly 700: "#8b2f0e";
|
|
16
|
+
readonly 800: "#73260d";
|
|
17
|
+
readonly 900: "#5f210c";
|
|
18
|
+
readonly DEFAULT: "#C14615";
|
|
19
|
+
};
|
|
20
|
+
readonly secondary: {
|
|
21
|
+
readonly 50: "#f9fafb";
|
|
22
|
+
readonly 100: "#f3f4f6";
|
|
23
|
+
readonly 200: "#e5e7eb";
|
|
24
|
+
readonly 300: "#d1d5db";
|
|
25
|
+
readonly 400: "#9ca3af";
|
|
26
|
+
readonly 500: "#000000";
|
|
27
|
+
readonly 600: "#000000";
|
|
28
|
+
readonly 700: "#000000";
|
|
29
|
+
readonly 800: "#000000";
|
|
30
|
+
readonly 900: "#000000";
|
|
31
|
+
readonly DEFAULT: "#000000";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export type Theme = typeof theme;
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BR,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Color tokens for the Design System
|
|
3
|
+
* These tokens extend and complement HeroUI's color system
|
|
4
|
+
*/
|
|
5
|
+
export declare const colors: {
|
|
6
|
+
readonly brand: {
|
|
7
|
+
readonly primary: "#C14615";
|
|
8
|
+
readonly secondary: "#000000";
|
|
9
|
+
readonly accent: "#F59E0B";
|
|
10
|
+
};
|
|
11
|
+
readonly semantic: {
|
|
12
|
+
readonly success: "#10B981";
|
|
13
|
+
readonly warning: "#F59E0B";
|
|
14
|
+
readonly error: "#EF4444";
|
|
15
|
+
readonly info: "#3B82F6";
|
|
16
|
+
};
|
|
17
|
+
readonly neutral: {
|
|
18
|
+
readonly white: "#FFFFFF";
|
|
19
|
+
readonly black: "#000000";
|
|
20
|
+
readonly gray: {
|
|
21
|
+
readonly 50: "#F9FAFB";
|
|
22
|
+
readonly 100: "#F3F4F6";
|
|
23
|
+
readonly 200: "#E5E7EB";
|
|
24
|
+
readonly 300: "#D1D5DB";
|
|
25
|
+
readonly 400: "#9CA3AF";
|
|
26
|
+
readonly 500: "#6B7280";
|
|
27
|
+
readonly 600: "#4B5563";
|
|
28
|
+
readonly 700: "#374151";
|
|
29
|
+
readonly 800: "#1F2937";
|
|
30
|
+
readonly 900: "#111827";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export type ColorToken = typeof colors;
|
|
35
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spacing tokens for the Design System
|
|
3
|
+
* Based on 8px grid system
|
|
4
|
+
*/
|
|
5
|
+
export declare const spacing: {
|
|
6
|
+
readonly xs: "0.25rem";
|
|
7
|
+
readonly sm: "0.5rem";
|
|
8
|
+
readonly md: "1rem";
|
|
9
|
+
readonly lg: "1.5rem";
|
|
10
|
+
readonly xl: "2rem";
|
|
11
|
+
readonly '2xl': "3rem";
|
|
12
|
+
readonly '3xl': "4rem";
|
|
13
|
+
readonly '4xl': "6rem";
|
|
14
|
+
readonly '5xl': "8rem";
|
|
15
|
+
};
|
|
16
|
+
export type SpacingToken = typeof spacing;
|
|
17
|
+
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography tokens for the Design System
|
|
3
|
+
*/
|
|
4
|
+
export declare const typography: {
|
|
5
|
+
readonly fontFamily: {
|
|
6
|
+
readonly primary: "\"NeueMontreal\", sans-serif";
|
|
7
|
+
readonly secondary: "\"Scholar\", serif";
|
|
8
|
+
readonly sans: "\"NeueMontreal\", sans-serif";
|
|
9
|
+
readonly serif: "\"Scholar\", serif";
|
|
10
|
+
readonly mono: "JetBrains Mono, Consolas, monospace";
|
|
11
|
+
};
|
|
12
|
+
readonly fontSize: {
|
|
13
|
+
readonly xs: "0.75rem";
|
|
14
|
+
readonly sm: "0.875rem";
|
|
15
|
+
readonly base: "1rem";
|
|
16
|
+
readonly lg: "1.125rem";
|
|
17
|
+
readonly xl: "1.25rem";
|
|
18
|
+
readonly '2xl': "1.5rem";
|
|
19
|
+
readonly '3xl': "1.875rem";
|
|
20
|
+
readonly '4xl': "2.25rem";
|
|
21
|
+
readonly '5xl': "3rem";
|
|
22
|
+
};
|
|
23
|
+
readonly fontWeight: {
|
|
24
|
+
readonly light: "300";
|
|
25
|
+
readonly normal: "400";
|
|
26
|
+
readonly medium: "500";
|
|
27
|
+
readonly semibold: "600";
|
|
28
|
+
readonly bold: "700";
|
|
29
|
+
};
|
|
30
|
+
readonly lineHeight: {
|
|
31
|
+
readonly tight: "1.25";
|
|
32
|
+
readonly normal: "1.5";
|
|
33
|
+
readonly relaxed: "1.75";
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export type TypographyToken = typeof typography;
|
|
37
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC"}
|