@commandcenterio/convert-ui 0.0.1

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 (6) hide show
  1. package/dist/index.css +752 -0
  2. package/dist/index.d.mts +288 -0
  3. package/dist/index.d.ts +288 -0
  4. package/dist/index.js +1095 -0
  5. package/dist/index.mjs +1038 -0
  6. package/package.json +41 -0
package/dist/index.d.mts ADDED
@@ -0,0 +1,288 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React$1, { ReactNode } from 'react';
3
+ import { IconType } from 'react-icons';
4
+
5
+ type AccordionContainerProps = {
6
+ children: React$1.ReactNode;
7
+ };
8
+ declare const AccordionContainer: ({ children }: AccordionContainerProps) => react_jsx_runtime.JSX.Element;
9
+ type AccordionItemProps = {
10
+ title: React$1.ReactNode;
11
+ content: React$1.ReactNode;
12
+ isOpen?: boolean;
13
+ };
14
+ declare const AccordionItem: ({ title, content, isOpen }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
15
+
16
+ interface AnimationObserverProps {
17
+ children: React$1.ReactElement;
18
+ animationClassNames: string;
19
+ threshold?: number;
20
+ defaultClassNames: string;
21
+ }
22
+ declare const AnimationObserver: ({ children, animationClassNames, threshold, defaultClassNames, }: AnimationObserverProps) => React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
23
+
24
+ interface AnimateBorderProps {
25
+ elementToAnimate?: React$1.ReactElement;
26
+ children: React$1.ReactElement;
27
+ speed?: string;
28
+ hideOverflow?: boolean;
29
+ iconsToAnimate?: React$1.ReactElement[];
30
+ borderRadius?: string;
31
+ }
32
+ declare const AnimateBorder: ({ elementToAnimate, children, speed, hideOverflow, iconsToAnimate, borderRadius }: AnimateBorderProps) => react_jsx_runtime.JSX.Element;
33
+
34
+ interface AnimatedHeaderProps {
35
+ textToAnimate: string;
36
+ textClassNames: string;
37
+ containerClassNames?: string;
38
+ textAnimation: {
39
+ start: string;
40
+ end: string;
41
+ };
42
+ scaleAnimation: {
43
+ start: number;
44
+ end: number;
45
+ };
46
+ identifiers: {
47
+ parent: string;
48
+ child: string;
49
+ };
50
+ pin?: boolean;
51
+ once?: boolean;
52
+ paragraph?: boolean;
53
+ }
54
+ declare const AnimatedHeader: ({ textToAnimate, textClassNames, containerClassNames, textAnimation, scaleAnimation, identifiers, pin, once, }: AnimatedHeaderProps) => react_jsx_runtime.JSX.Element;
55
+
56
+ interface BentoBoxProps {
57
+ children: ReactNode[];
58
+ classNames?: string;
59
+ }
60
+ declare const BentoBox: React$1.FC<BentoBoxProps>;
61
+
62
+ interface BookNowProps {
63
+ vendor?: "tidycal" | "calendly";
64
+ scriptPathUrl: string;
65
+ show: boolean;
66
+ dataUrl?: string;
67
+ className?: string;
68
+ dataPath?: string;
69
+ }
70
+ declare const BookNow: ({ scriptPathUrl, show, vendor, dataUrl, className, dataPath, }: BookNowProps) => react_jsx_runtime.JSX.Element;
71
+
72
+ interface CookieConsentFormProps {
73
+ positionX: string;
74
+ positionY: string;
75
+ cookieText: string;
76
+ cookieHeader: string;
77
+ onAccept: () => void;
78
+ onReject: () => void;
79
+ show: boolean;
80
+ classNames?: string;
81
+ type?: "absolute" | "fixed";
82
+ }
83
+ declare const CookieConsentForm: ({ positionX, positionY, cookieHeader, cookieText, onAccept, onReject, show, classNames, type, }: CookieConsentFormProps) => react_jsx_runtime.JSX.Element | null;
84
+
85
+ interface CTAProps {
86
+ type?: "basic" | "emphasized" | "minimal";
87
+ smallheading: string;
88
+ ctaText?: string;
89
+ onClick?: () => void;
90
+ subheading?: string;
91
+ paragraph?: string;
92
+ classNames?: string;
93
+ }
94
+ declare const CTA: ({ type, ctaText, onClick, subheading, paragraph, smallheading, classNames, }: CTAProps) => react_jsx_runtime.JSX.Element;
95
+
96
+ type IndividualLinkType = {
97
+ text: string;
98
+ url: string;
99
+ };
100
+ type SocialLinkType = {
101
+ icon: IconType;
102
+ url: string;
103
+ };
104
+ type LinkType = {
105
+ header: string;
106
+ links: IndividualLinkType[];
107
+ };
108
+ type HoursType = {
109
+ day: string;
110
+ openingTime: string;
111
+ };
112
+ type OpeningHourType = {
113
+ header: string;
114
+ hours: HoursType[];
115
+ };
116
+ interface FooterProps {
117
+ links?: LinkType[];
118
+ logo?: string;
119
+ logoText?: string;
120
+ newsletter?: boolean;
121
+ socialLinks?: SocialLinkType[];
122
+ maxLogoHeight?: string;
123
+ leftElement?: JSX.Element;
124
+ openingHours?: OpeningHourType;
125
+ }
126
+ declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, }: FooterProps) => react_jsx_runtime.JSX.Element;
127
+
128
+ interface HeroProps {
129
+ styleType: string | 'Bento' | 'Traditional' | 'Image';
130
+ headline?: string;
131
+ subheadline?: string;
132
+ description?: string;
133
+ children?: ReactNode;
134
+ imageSrc?: string;
135
+ classNames?: string;
136
+ offerText?: string;
137
+ offerDate?: Date;
138
+ offerCta?: string;
139
+ offerCtaFunctionality?: () => void;
140
+ imageAlt?: string;
141
+ imageOverlayOpacity?: number;
142
+ }
143
+ declare const Hero: ({ styleType, headline, subheadline, children, imageSrc, classNames, imageAlt, imageOverlayOpacity, }: HeroProps) => react_jsx_runtime.JSX.Element;
144
+
145
+ interface MasonryProps {
146
+ children: ReactNode[];
147
+ classNames?: string;
148
+ itemMaxWidth?: string;
149
+ }
150
+ declare const Masonry: React$1.FC<MasonryProps>;
151
+
152
+ type LinkTypes = {
153
+ link: string;
154
+ text: string;
155
+ };
156
+ interface NavbarProps {
157
+ links: LinkTypes[];
158
+ logo?: string;
159
+ type?: "rounded" | "full" | "default";
160
+ ctaElement?: JSX.Element;
161
+ classNames?: string;
162
+ maxLogoHeight?: string;
163
+ children?: React$1.ReactNode;
164
+ }
165
+ declare const Navbar: ({ logo, links, type, ctaElement, classNames, maxLogoHeight, children, }: NavbarProps) => react_jsx_runtime.JSX.Element;
166
+
167
+ interface OfferProps {
168
+ offer: string;
169
+ offerDateEnd: Date;
170
+ ctaText?: string;
171
+ ctaFunctionality?: () => void;
172
+ btnClassnames?: string;
173
+ fontSize?: string;
174
+ classNames?: string;
175
+ }
176
+ declare module "react" {
177
+ interface CSSProperties {
178
+ "--value"?: string | number;
179
+ }
180
+ }
181
+ declare const Offer: React$1.FC<OfferProps>;
182
+
183
+ type PrettyCardProps = {
184
+ buttonText?: string;
185
+ altButtonJsx?: JSX.Element;
186
+ content: JSX.Element;
187
+ cardImage?: string;
188
+ children?: ReactNode;
189
+ gradientColors?: {
190
+ start: string;
191
+ end: string;
192
+ };
193
+ showAnimationOnce?: boolean;
194
+ className?: string;
195
+ };
196
+ declare const PrettyCard: ({ buttonText, altButtonJsx, content, cardImage, children, gradientColors, showAnimationOnce, className, }: PrettyCardProps) => react_jsx_runtime.JSX.Element;
197
+
198
+ interface RatingsProps {
199
+ column?: boolean;
200
+ rating: number;
201
+ imagesSrc: string[];
202
+ trusted: number | undefined;
203
+ }
204
+ declare const Ratings: ({ imagesSrc, rating, trusted, column }: RatingsProps) => react_jsx_runtime.JSX.Element;
205
+
206
+ interface SectionContainerProps {
207
+ children: ReactNode;
208
+ classNames?: string;
209
+ padded?: boolean;
210
+ id?: string;
211
+ }
212
+ declare const SectionContainer: ({ children, classNames, padded, id }: SectionContainerProps) => react_jsx_runtime.JSX.Element;
213
+
214
+ interface SectionHeaderProps {
215
+ headline: string;
216
+ subheadline?: string;
217
+ classNames?: string;
218
+ children?: ReactNode;
219
+ breakpoint?: "sm" | "md" | "lg" | "xl";
220
+ headlineTag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
221
+ mobileAlignment?: "left" | "center" | "right";
222
+ desktopAlignment?: "left" | "center" | "right";
223
+ gap?: string;
224
+ }
225
+ declare const SectionHeader: ({ headline, subheadline, classNames, children, breakpoint, headlineTag, mobileAlignment, desktopAlignment, gap, }: SectionHeaderProps) => react_jsx_runtime.JSX.Element;
226
+
227
+ type ItemType = {
228
+ a: ReactNode | string;
229
+ b: ReactNode | string;
230
+ };
231
+ interface SellingPropositionProps {
232
+ sellingItems: ItemType[];
233
+ containerClassNames?: string;
234
+ }
235
+ declare const SellingProposition: ({ sellingItems, containerClassNames, }: SellingPropositionProps) => react_jsx_runtime.JSX.Element;
236
+
237
+ interface SellinPropsContainerProps {
238
+ smallHeader?: string;
239
+ mainHeader: string;
240
+ text: string;
241
+ ctaText?: string;
242
+ ctaFunctionality?: () => void;
243
+ }
244
+ declare const SellingPropContainer: ({ smallHeader, mainHeader, text, ctaText, ctaFunctionality, }: SellinPropsContainerProps) => react_jsx_runtime.JSX.Element;
245
+
246
+ type ServiceType = {
247
+ text?: string;
248
+ title: string;
249
+ };
250
+ interface StackedScrollerProps {
251
+ services: ServiceType[];
252
+ defaultHeading?: string;
253
+ activeHeaderClassNames?: string;
254
+ activeTextClassNames?: string;
255
+ activeContainerClassNames?: string;
256
+ defaultContainerClassNames?: string;
257
+ }
258
+ declare const StackedScroller: ({ services, defaultHeading, activeHeaderClassNames, activeTextClassNames, activeContainerClassNames, defaultContainerClassNames, }: StackedScrollerProps) => react_jsx_runtime.JSX.Element;
259
+
260
+ type TestimonialType = {
261
+ text: string;
262
+ author: string;
263
+ photoUrl?: string;
264
+ link?: string;
265
+ companyOrPosition?: string;
266
+ };
267
+ interface TestimonialDisplayProps {
268
+ style?: "carousel" | "grid";
269
+ children: ReactNode;
270
+ }
271
+ declare const TestimonialDisplay: ({ style, children, }: TestimonialDisplayProps) => JSX.Element;
272
+
273
+ interface TestimonialCardProps {
274
+ testimonialContent: TestimonialType;
275
+ carousel?: boolean;
276
+ classNames?: string;
277
+ }
278
+ declare const TestimonialCard: ({ testimonialContent, carousel, classNames, }: TestimonialCardProps) => react_jsx_runtime.JSX.Element;
279
+
280
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
281
+ children: React.ReactNode;
282
+ }
283
+ declare function Button({ children, ...other }: ButtonProps): JSX.Element;
284
+ declare namespace Button {
285
+ var displayName: string;
286
+ }
287
+
288
+ export { AccordionContainer, AccordionItem, AnimateBorder, type AnimateBorderProps, AnimatedHeader, AnimationObserver, type AnimationObserverProps, BentoBox, BookNow, Button, type ButtonProps, CTA, CookieConsentForm, Footer, Hero, Masonry, Navbar, Offer, PrettyCard, Ratings, SectionContainer, SectionHeader, SellingPropContainer, SellingProposition, StackedScroller, TestimonialCard, TestimonialDisplay };
package/dist/index.d.ts ADDED
@@ -0,0 +1,288 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React$1, { ReactNode } from 'react';
3
+ import { IconType } from 'react-icons';
4
+
5
+ type AccordionContainerProps = {
6
+ children: React$1.ReactNode;
7
+ };
8
+ declare const AccordionContainer: ({ children }: AccordionContainerProps) => react_jsx_runtime.JSX.Element;
9
+ type AccordionItemProps = {
10
+ title: React$1.ReactNode;
11
+ content: React$1.ReactNode;
12
+ isOpen?: boolean;
13
+ };
14
+ declare const AccordionItem: ({ title, content, isOpen }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
15
+
16
+ interface AnimationObserverProps {
17
+ children: React$1.ReactElement;
18
+ animationClassNames: string;
19
+ threshold?: number;
20
+ defaultClassNames: string;
21
+ }
22
+ declare const AnimationObserver: ({ children, animationClassNames, threshold, defaultClassNames, }: AnimationObserverProps) => React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
23
+
24
+ interface AnimateBorderProps {
25
+ elementToAnimate?: React$1.ReactElement;
26
+ children: React$1.ReactElement;
27
+ speed?: string;
28
+ hideOverflow?: boolean;
29
+ iconsToAnimate?: React$1.ReactElement[];
30
+ borderRadius?: string;
31
+ }
32
+ declare const AnimateBorder: ({ elementToAnimate, children, speed, hideOverflow, iconsToAnimate, borderRadius }: AnimateBorderProps) => react_jsx_runtime.JSX.Element;
33
+
34
+ interface AnimatedHeaderProps {
35
+ textToAnimate: string;
36
+ textClassNames: string;
37
+ containerClassNames?: string;
38
+ textAnimation: {
39
+ start: string;
40
+ end: string;
41
+ };
42
+ scaleAnimation: {
43
+ start: number;
44
+ end: number;
45
+ };
46
+ identifiers: {
47
+ parent: string;
48
+ child: string;
49
+ };
50
+ pin?: boolean;
51
+ once?: boolean;
52
+ paragraph?: boolean;
53
+ }
54
+ declare const AnimatedHeader: ({ textToAnimate, textClassNames, containerClassNames, textAnimation, scaleAnimation, identifiers, pin, once, }: AnimatedHeaderProps) => react_jsx_runtime.JSX.Element;
55
+
56
+ interface BentoBoxProps {
57
+ children: ReactNode[];
58
+ classNames?: string;
59
+ }
60
+ declare const BentoBox: React$1.FC<BentoBoxProps>;
61
+
62
+ interface BookNowProps {
63
+ vendor?: "tidycal" | "calendly";
64
+ scriptPathUrl: string;
65
+ show: boolean;
66
+ dataUrl?: string;
67
+ className?: string;
68
+ dataPath?: string;
69
+ }
70
+ declare const BookNow: ({ scriptPathUrl, show, vendor, dataUrl, className, dataPath, }: BookNowProps) => react_jsx_runtime.JSX.Element;
71
+
72
+ interface CookieConsentFormProps {
73
+ positionX: string;
74
+ positionY: string;
75
+ cookieText: string;
76
+ cookieHeader: string;
77
+ onAccept: () => void;
78
+ onReject: () => void;
79
+ show: boolean;
80
+ classNames?: string;
81
+ type?: "absolute" | "fixed";
82
+ }
83
+ declare const CookieConsentForm: ({ positionX, positionY, cookieHeader, cookieText, onAccept, onReject, show, classNames, type, }: CookieConsentFormProps) => react_jsx_runtime.JSX.Element | null;
84
+
85
+ interface CTAProps {
86
+ type?: "basic" | "emphasized" | "minimal";
87
+ smallheading: string;
88
+ ctaText?: string;
89
+ onClick?: () => void;
90
+ subheading?: string;
91
+ paragraph?: string;
92
+ classNames?: string;
93
+ }
94
+ declare const CTA: ({ type, ctaText, onClick, subheading, paragraph, smallheading, classNames, }: CTAProps) => react_jsx_runtime.JSX.Element;
95
+
96
+ type IndividualLinkType = {
97
+ text: string;
98
+ url: string;
99
+ };
100
+ type SocialLinkType = {
101
+ icon: IconType;
102
+ url: string;
103
+ };
104
+ type LinkType = {
105
+ header: string;
106
+ links: IndividualLinkType[];
107
+ };
108
+ type HoursType = {
109
+ day: string;
110
+ openingTime: string;
111
+ };
112
+ type OpeningHourType = {
113
+ header: string;
114
+ hours: HoursType[];
115
+ };
116
+ interface FooterProps {
117
+ links?: LinkType[];
118
+ logo?: string;
119
+ logoText?: string;
120
+ newsletter?: boolean;
121
+ socialLinks?: SocialLinkType[];
122
+ maxLogoHeight?: string;
123
+ leftElement?: JSX.Element;
124
+ openingHours?: OpeningHourType;
125
+ }
126
+ declare const Footer: ({ links, logo, logoText, newsletter, socialLinks, maxLogoHeight, leftElement, openingHours, }: FooterProps) => react_jsx_runtime.JSX.Element;
127
+
128
+ interface HeroProps {
129
+ styleType: string | 'Bento' | 'Traditional' | 'Image';
130
+ headline?: string;
131
+ subheadline?: string;
132
+ description?: string;
133
+ children?: ReactNode;
134
+ imageSrc?: string;
135
+ classNames?: string;
136
+ offerText?: string;
137
+ offerDate?: Date;
138
+ offerCta?: string;
139
+ offerCtaFunctionality?: () => void;
140
+ imageAlt?: string;
141
+ imageOverlayOpacity?: number;
142
+ }
143
+ declare const Hero: ({ styleType, headline, subheadline, children, imageSrc, classNames, imageAlt, imageOverlayOpacity, }: HeroProps) => react_jsx_runtime.JSX.Element;
144
+
145
+ interface MasonryProps {
146
+ children: ReactNode[];
147
+ classNames?: string;
148
+ itemMaxWidth?: string;
149
+ }
150
+ declare const Masonry: React$1.FC<MasonryProps>;
151
+
152
+ type LinkTypes = {
153
+ link: string;
154
+ text: string;
155
+ };
156
+ interface NavbarProps {
157
+ links: LinkTypes[];
158
+ logo?: string;
159
+ type?: "rounded" | "full" | "default";
160
+ ctaElement?: JSX.Element;
161
+ classNames?: string;
162
+ maxLogoHeight?: string;
163
+ children?: React$1.ReactNode;
164
+ }
165
+ declare const Navbar: ({ logo, links, type, ctaElement, classNames, maxLogoHeight, children, }: NavbarProps) => react_jsx_runtime.JSX.Element;
166
+
167
+ interface OfferProps {
168
+ offer: string;
169
+ offerDateEnd: Date;
170
+ ctaText?: string;
171
+ ctaFunctionality?: () => void;
172
+ btnClassnames?: string;
173
+ fontSize?: string;
174
+ classNames?: string;
175
+ }
176
+ declare module "react" {
177
+ interface CSSProperties {
178
+ "--value"?: string | number;
179
+ }
180
+ }
181
+ declare const Offer: React$1.FC<OfferProps>;
182
+
183
+ type PrettyCardProps = {
184
+ buttonText?: string;
185
+ altButtonJsx?: JSX.Element;
186
+ content: JSX.Element;
187
+ cardImage?: string;
188
+ children?: ReactNode;
189
+ gradientColors?: {
190
+ start: string;
191
+ end: string;
192
+ };
193
+ showAnimationOnce?: boolean;
194
+ className?: string;
195
+ };
196
+ declare const PrettyCard: ({ buttonText, altButtonJsx, content, cardImage, children, gradientColors, showAnimationOnce, className, }: PrettyCardProps) => react_jsx_runtime.JSX.Element;
197
+
198
+ interface RatingsProps {
199
+ column?: boolean;
200
+ rating: number;
201
+ imagesSrc: string[];
202
+ trusted: number | undefined;
203
+ }
204
+ declare const Ratings: ({ imagesSrc, rating, trusted, column }: RatingsProps) => react_jsx_runtime.JSX.Element;
205
+
206
+ interface SectionContainerProps {
207
+ children: ReactNode;
208
+ classNames?: string;
209
+ padded?: boolean;
210
+ id?: string;
211
+ }
212
+ declare const SectionContainer: ({ children, classNames, padded, id }: SectionContainerProps) => react_jsx_runtime.JSX.Element;
213
+
214
+ interface SectionHeaderProps {
215
+ headline: string;
216
+ subheadline?: string;
217
+ classNames?: string;
218
+ children?: ReactNode;
219
+ breakpoint?: "sm" | "md" | "lg" | "xl";
220
+ headlineTag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
221
+ mobileAlignment?: "left" | "center" | "right";
222
+ desktopAlignment?: "left" | "center" | "right";
223
+ gap?: string;
224
+ }
225
+ declare const SectionHeader: ({ headline, subheadline, classNames, children, breakpoint, headlineTag, mobileAlignment, desktopAlignment, gap, }: SectionHeaderProps) => react_jsx_runtime.JSX.Element;
226
+
227
+ type ItemType = {
228
+ a: ReactNode | string;
229
+ b: ReactNode | string;
230
+ };
231
+ interface SellingPropositionProps {
232
+ sellingItems: ItemType[];
233
+ containerClassNames?: string;
234
+ }
235
+ declare const SellingProposition: ({ sellingItems, containerClassNames, }: SellingPropositionProps) => react_jsx_runtime.JSX.Element;
236
+
237
+ interface SellinPropsContainerProps {
238
+ smallHeader?: string;
239
+ mainHeader: string;
240
+ text: string;
241
+ ctaText?: string;
242
+ ctaFunctionality?: () => void;
243
+ }
244
+ declare const SellingPropContainer: ({ smallHeader, mainHeader, text, ctaText, ctaFunctionality, }: SellinPropsContainerProps) => react_jsx_runtime.JSX.Element;
245
+
246
+ type ServiceType = {
247
+ text?: string;
248
+ title: string;
249
+ };
250
+ interface StackedScrollerProps {
251
+ services: ServiceType[];
252
+ defaultHeading?: string;
253
+ activeHeaderClassNames?: string;
254
+ activeTextClassNames?: string;
255
+ activeContainerClassNames?: string;
256
+ defaultContainerClassNames?: string;
257
+ }
258
+ declare const StackedScroller: ({ services, defaultHeading, activeHeaderClassNames, activeTextClassNames, activeContainerClassNames, defaultContainerClassNames, }: StackedScrollerProps) => react_jsx_runtime.JSX.Element;
259
+
260
+ type TestimonialType = {
261
+ text: string;
262
+ author: string;
263
+ photoUrl?: string;
264
+ link?: string;
265
+ companyOrPosition?: string;
266
+ };
267
+ interface TestimonialDisplayProps {
268
+ style?: "carousel" | "grid";
269
+ children: ReactNode;
270
+ }
271
+ declare const TestimonialDisplay: ({ style, children, }: TestimonialDisplayProps) => JSX.Element;
272
+
273
+ interface TestimonialCardProps {
274
+ testimonialContent: TestimonialType;
275
+ carousel?: boolean;
276
+ classNames?: string;
277
+ }
278
+ declare const TestimonialCard: ({ testimonialContent, carousel, classNames, }: TestimonialCardProps) => react_jsx_runtime.JSX.Element;
279
+
280
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
281
+ children: React.ReactNode;
282
+ }
283
+ declare function Button({ children, ...other }: ButtonProps): JSX.Element;
284
+ declare namespace Button {
285
+ var displayName: string;
286
+ }
287
+
288
+ export { AccordionContainer, AccordionItem, AnimateBorder, type AnimateBorderProps, AnimatedHeader, AnimationObserver, type AnimationObserverProps, BentoBox, BookNow, Button, type ButtonProps, CTA, CookieConsentForm, Footer, Hero, Masonry, Navbar, Offer, PrettyCard, Ratings, SectionContainer, SectionHeader, SellingPropContainer, SellingProposition, StackedScroller, TestimonialCard, TestimonialDisplay };