@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.
Files changed (45) hide show
  1. package/dist/App.d.ts +4 -0
  2. package/dist/App.d.ts.map +1 -0
  3. package/dist/index.d.ts +16 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/main.d.ts +2 -0
  6. package/dist/main.d.ts.map +1 -0
  7. package/dist/patterns/Footer/Footer.d.ts +36 -0
  8. package/dist/patterns/Footer/Footer.d.ts.map +1 -0
  9. package/dist/patterns/Footer/index.d.ts +3 -0
  10. package/dist/patterns/Footer/index.d.ts.map +1 -0
  11. package/dist/patterns/Navbar/Navbar.d.ts +38 -0
  12. package/dist/patterns/Navbar/Navbar.d.ts.map +1 -0
  13. package/dist/patterns/Navbar/index.d.ts +3 -0
  14. package/dist/patterns/Navbar/index.d.ts.map +1 -0
  15. package/dist/patterns/Stepper/Stepper.d.ts +29 -0
  16. package/dist/patterns/Stepper/Stepper.d.ts.map +1 -0
  17. package/dist/patterns/Stepper/index.d.ts +3 -0
  18. package/dist/patterns/Stepper/index.d.ts.map +1 -0
  19. package/dist/patterns/index.d.ts +7 -0
  20. package/dist/patterns/index.d.ts.map +1 -0
  21. package/dist/providers/HeroUIProvider.d.ts +11 -0
  22. package/dist/providers/HeroUIProvider.d.ts.map +1 -0
  23. package/dist/providers/index.d.ts +2 -0
  24. package/dist/providers/index.d.ts.map +1 -0
  25. package/dist/templates/ConfirmationPageTemplate/ConfirmationPageTemplate.d.ts +43 -0
  26. package/dist/templates/ConfirmationPageTemplate/ConfirmationPageTemplate.d.ts.map +1 -0
  27. package/dist/templates/ConfirmationPageTemplate/index.d.ts +3 -0
  28. package/dist/templates/ConfirmationPageTemplate/index.d.ts.map +1 -0
  29. package/dist/templates/EventDetailsTemplate/EventDetailsTemplate.d.ts +51 -0
  30. package/dist/templates/EventDetailsTemplate/EventDetailsTemplate.d.ts.map +1 -0
  31. package/dist/templates/EventDetailsTemplate/index.d.ts +3 -0
  32. package/dist/templates/EventDetailsTemplate/index.d.ts.map +1 -0
  33. package/dist/templates/index.d.ts +5 -0
  34. package/dist/templates/index.d.ts.map +1 -0
  35. package/dist/theme/index.d.ts +36 -0
  36. package/dist/theme/index.d.ts.map +1 -0
  37. package/dist/tokens/colors.d.ts +35 -0
  38. package/dist/tokens/colors.d.ts.map +1 -0
  39. package/dist/tokens/index.d.ts +5 -0
  40. package/dist/tokens/index.d.ts.map +1 -0
  41. package/dist/tokens/spacing.d.ts +17 -0
  42. package/dist/tokens/spacing.d.ts.map +1 -0
  43. package/dist/tokens/typography.d.ts +37 -0
  44. package/dist/tokens/typography.d.ts.map +1 -0
  45. package/package.json +1 -1
package/dist/App.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import './App.css';
2
+ declare function App(): import("react/jsx-runtime").JSX.Element;
3
+ export default App;
4
+ //# sourceMappingURL=App.d.ts.map
@@ -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"}
@@ -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,2 @@
1
+ import './index.css';
2
+ //# sourceMappingURL=main.d.ts.map
@@ -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,3 @@
1
+ export { Footer } from './Footer';
2
+ export type { FooterProps, FooterSection, FooterLink, SocialLink } from './Footer';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Navbar } from './Navbar';
2
+ export type { NavbarProps, NavbarLink, NavbarLanguage } from './Navbar';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Stepper } from './Stepper';
2
+ export type { StepperProps, Step } from './Stepper';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export { HeroUIProvider } from './HeroUIProvider';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { ConfirmationPageTemplate } from './ConfirmationPageTemplate';
2
+ export type { ConfirmationPageTemplateProps, ConfirmationDetails } from './ConfirmationPageTemplate';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { EventDetailsTemplate } from './EventDetailsTemplate';
2
+ export type { EventDetailsTemplateProps, EventInfo } from './EventDetailsTemplate';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,5 @@
1
+ export { colors } from './colors';
2
+ export { spacing } from './spacing';
3
+ export { typography } from './typography';
4
+ export type { ColorToken } from './colors';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "0.1.3",
4
+ "version": "0.1.4",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",