@zoyth/simple-site-framework 1.0.4 → 1.1.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.
- package/dist/components/index.d.mts +111 -1
- package/dist/components/index.d.ts +111 -1
- package/dist/components/index.js +483 -44
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +480 -44
- package/dist/components/index.mjs.map +1 -1
- package/dist/index.d.mts +113 -2
- package/dist/index.d.ts +113 -2
- package/dist/index.js +196 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +187 -16
- package/dist/index.mjs.map +1 -1
- package/docs/BLOG.md +1005 -0
- package/docs/api/README.md +26 -3
- package/docs/components/BlogIndex.md +229 -0
- package/docs/components/BlogLayout.md +222 -0
- package/docs/components/NewsletterSignup.md +275 -0
- package/docs/components/accessibility/SkipLink.md +146 -0
- package/package.json +1 -1
|
@@ -3933,4 +3933,114 @@ interface CTASectionProps {
|
|
|
3933
3933
|
*/
|
|
3934
3934
|
declare function CTASection({ heading, description, primaryCTA, secondaryCTA, locale, variant, buttonLayout, backgroundColor, align, maxWidth, className, }: CTASectionProps): react_jsx_runtime.JSX.Element;
|
|
3935
3935
|
|
|
3936
|
-
|
|
3936
|
+
interface BlogLayoutProps {
|
|
3937
|
+
/** Blog post title */
|
|
3938
|
+
title: string;
|
|
3939
|
+
/** Short description for SEO */
|
|
3940
|
+
excerpt: string;
|
|
3941
|
+
/** Author name */
|
|
3942
|
+
author: string;
|
|
3943
|
+
/** Author avatar URL */
|
|
3944
|
+
authorAvatar?: string;
|
|
3945
|
+
/** Publication date (ISO string YYYY-MM-DD) */
|
|
3946
|
+
date: string;
|
|
3947
|
+
/** Reading time in minutes */
|
|
3948
|
+
readTime: number;
|
|
3949
|
+
/** Post tags */
|
|
3950
|
+
tags: string[];
|
|
3951
|
+
/** Featured image URL */
|
|
3952
|
+
image?: string;
|
|
3953
|
+
/** Featured image alt text */
|
|
3954
|
+
imageAlt?: string;
|
|
3955
|
+
/** Current locale */
|
|
3956
|
+
locale: string;
|
|
3957
|
+
/** Blog post content (from MDX) */
|
|
3958
|
+
children: ReactNode;
|
|
3959
|
+
/** Show table of contents sidebar @default true */
|
|
3960
|
+
showToc?: boolean;
|
|
3961
|
+
/** Link to blog index */
|
|
3962
|
+
backHref?: string;
|
|
3963
|
+
/** Label for back link */
|
|
3964
|
+
backLabel?: string;
|
|
3965
|
+
/** Additional CSS classes */
|
|
3966
|
+
className?: string;
|
|
3967
|
+
}
|
|
3968
|
+
declare function BlogLayout({ title, excerpt, author, authorAvatar, date, readTime, tags, image, imageAlt, locale, children, showToc, backHref, backLabel, className, }: BlogLayoutProps): react_jsx_runtime.JSX.Element;
|
|
3969
|
+
|
|
3970
|
+
interface BlogPostMetadata {
|
|
3971
|
+
title: string;
|
|
3972
|
+
excerpt: string;
|
|
3973
|
+
author: string;
|
|
3974
|
+
/** ISO date (YYYY-MM-DD) */
|
|
3975
|
+
date: string;
|
|
3976
|
+
/** Reading time in minutes */
|
|
3977
|
+
readTime: number;
|
|
3978
|
+
tags: string[];
|
|
3979
|
+
featured?: boolean;
|
|
3980
|
+
/** Featured image URL */
|
|
3981
|
+
image?: string;
|
|
3982
|
+
imageAlt?: string;
|
|
3983
|
+
[key: string]: unknown;
|
|
3984
|
+
}
|
|
3985
|
+
|
|
3986
|
+
interface BlogIndexProps {
|
|
3987
|
+
/** Current locale */
|
|
3988
|
+
locale: string;
|
|
3989
|
+
/** Blog posts to display */
|
|
3990
|
+
posts: Array<{
|
|
3991
|
+
slug: string;
|
|
3992
|
+
metadata: BlogPostMetadata;
|
|
3993
|
+
}>;
|
|
3994
|
+
/** Page title */
|
|
3995
|
+
title?: LocalizedString$2 | string;
|
|
3996
|
+
/** Page description */
|
|
3997
|
+
description?: LocalizedString$2 | string;
|
|
3998
|
+
/** Show tag filter bar @default true */
|
|
3999
|
+
showTagFilter?: boolean;
|
|
4000
|
+
/** BlogCard variant @default 'default' */
|
|
4001
|
+
cardVariant?: 'default' | 'horizontal' | 'minimal';
|
|
4002
|
+
/** Show featured posts prominently @default true */
|
|
4003
|
+
featuredFirst?: boolean;
|
|
4004
|
+
/** Additional CSS classes */
|
|
4005
|
+
className?: string;
|
|
4006
|
+
}
|
|
4007
|
+
declare function BlogIndex({ locale, posts, title, description, showTagFilter, cardVariant, featuredFirst, className, }: BlogIndexProps): react_jsx_runtime.JSX.Element;
|
|
4008
|
+
|
|
4009
|
+
interface NewsletterSubmitData {
|
|
4010
|
+
email: string;
|
|
4011
|
+
name?: string;
|
|
4012
|
+
}
|
|
4013
|
+
interface NewsletterResponse {
|
|
4014
|
+
success: boolean;
|
|
4015
|
+
message?: string;
|
|
4016
|
+
error?: string;
|
|
4017
|
+
}
|
|
4018
|
+
interface NewsletterSignupProps {
|
|
4019
|
+
/** Form submission handler */
|
|
4020
|
+
onSubmit: (data: NewsletterSubmitData) => Promise<NewsletterResponse>;
|
|
4021
|
+
/** Layout variant @default 'stacked' */
|
|
4022
|
+
variant?: 'inline' | 'stacked' | 'minimal' | 'card';
|
|
4023
|
+
/** Size @default 'md' */
|
|
4024
|
+
size?: 'sm' | 'md' | 'lg';
|
|
4025
|
+
/** Show name field @default false */
|
|
4026
|
+
showName?: boolean;
|
|
4027
|
+
/** Show privacy checkbox @default false */
|
|
4028
|
+
showPrivacy?: boolean;
|
|
4029
|
+
/** Privacy policy URL */
|
|
4030
|
+
privacyUrl?: string;
|
|
4031
|
+
/** Current locale @default 'en' */
|
|
4032
|
+
locale?: string;
|
|
4033
|
+
/** Custom button text */
|
|
4034
|
+
buttonText?: LocalizedString$2 | string;
|
|
4035
|
+
/** Custom placeholder for email */
|
|
4036
|
+
emailPlaceholder?: LocalizedString$2 | string;
|
|
4037
|
+
/** Custom placeholder for name */
|
|
4038
|
+
namePlaceholder?: LocalizedString$2 | string;
|
|
4039
|
+
/** Custom success message */
|
|
4040
|
+
successMessage?: LocalizedString$2 | string;
|
|
4041
|
+
/** Additional CSS classes */
|
|
4042
|
+
className?: string;
|
|
4043
|
+
}
|
|
4044
|
+
declare function NewsletterSignup({ onSubmit, variant, size, showName, showPrivacy, privacyUrl, locale, buttonText, emailPlaceholder, namePlaceholder, successMessage, className, }: NewsletterSignupProps): react_jsx_runtime.JSX.Element;
|
|
4045
|
+
|
|
4046
|
+
export { AboutSection, AddressLink, type AddressLinkProps, AnimatedCounter, type AnimatedCounterProps, AnimatedItem, AnimatedSection, type AnimatedSectionProps, type AnimationType, type Badge, type BadgeType, type BillingPeriod, BlogCard, type BlogCardProps, BlogIndex, type BlogIndexProps, BlogLayout, type BlogLayoutProps, BodyEndScripts, type BodyEndScriptsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type CTAButtonConfig, CTASection, type CTASectionProps, Card, type CardProps, CaseStudySection, Checkbox, CheckboxGroup, CheckboxGroupARIA, type CheckboxGroupARIAOption, type CheckboxGroupARIAProps, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeBlock, type CodeBlockProps, type ComparisonFeature, type ComparisonOption, ComparisonTable, type ComparisonTableProps, ComponentDemo, type ComponentDemoProps, ContactForm, type ContactFormData, type ContactFormField, type ContactFormProps, type ContactFormResponse, ContactSection, CountdownTimer, type CountdownTimerProps, type CustomBadge, EmailLink, type EmailLinkProps, ExitIntentModal, type ExitIntentModalProps, type FAQ, FAQAccordion, type FAQAccordionProps, type Feature, type FeatureCategory, FeatureSection, FeaturesGrid, FileUpload, type FileUploadProps, Footer, type FooterProps, FormField, FormFieldARIA, type FormFieldARIAProps, type FormFieldProps, FormGroup, HeadScripts, type HeadScriptsProps, Header, type HeaderProps, type Heading, HeroSection, I18nMetaTags, type I18nMetaTagsProps, Icon, type IconName, type IconProps, Icons, InlineCode, Input, type InputProps, LanguageSelector, type LanguageSelectorProps, LanguageSwitcher, type LanguageSwitcherProps, LazySection, type LazySectionProps, LiveProof, type LiveProofNotification, type LiveProofProps, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LogosSection, MobileCTA, type MobileCTAProps, Modal, ModalContent, ModalFooter, type ModalProps, ModalRoot, type ModalSize, ModalTrigger, MultiStepForm, type MultiStepFormProps, type NewsletterResponse, NewsletterSignup, type NewsletterSignupProps, type NewsletterSubmitData, type NotificationPosition, type OpenGraphMetadata, PersonalTaxesSection, PhoneLink, type PhoneLinkProps, PolicyLayout, type PolicyLayoutProps, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Radio, RadioGroup, RadioGroupARIA, type RadioGroupARIAOption, type RadioGroupARIAProps, type RadioGroupOption, type RadioGroupProps, type RadioProps, RecruitingSection, SEOMetaTags, type SEOMetaTagsProps, SecurePortalSection, Select, type SelectOption, type SelectOptionGroup, type SelectProps, ServicePageLayout, ServicesSection, Skeleton, type SkeletonAnimation, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonImage, type SkeletonProps, SkeletonText, type SpinnerSize, type SpinnerStyle, type Stat, StatsSection, type StatsSectionProps, type StepProps, StickyBar, type StickyBarProps, StructuredData, type StructuredDataProps, StyleGuide, type StyleGuideProps, type Tab, TableOfContents, type TableOfContentsProps, Tabs, type TabsProps, type Testimonial, TestimonialCarousel, type TestimonialCarouselProps, TestimonialSection, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type Toast, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastType, TrustBadges, type TrustBadgesProps, type TwitterMetadata, WhyChooseUsSection, generateMockNotifications, toast, useMultiStepForm, useToast, withLazyLoad };
|
|
@@ -3933,4 +3933,114 @@ interface CTASectionProps {
|
|
|
3933
3933
|
*/
|
|
3934
3934
|
declare function CTASection({ heading, description, primaryCTA, secondaryCTA, locale, variant, buttonLayout, backgroundColor, align, maxWidth, className, }: CTASectionProps): react_jsx_runtime.JSX.Element;
|
|
3935
3935
|
|
|
3936
|
-
|
|
3936
|
+
interface BlogLayoutProps {
|
|
3937
|
+
/** Blog post title */
|
|
3938
|
+
title: string;
|
|
3939
|
+
/** Short description for SEO */
|
|
3940
|
+
excerpt: string;
|
|
3941
|
+
/** Author name */
|
|
3942
|
+
author: string;
|
|
3943
|
+
/** Author avatar URL */
|
|
3944
|
+
authorAvatar?: string;
|
|
3945
|
+
/** Publication date (ISO string YYYY-MM-DD) */
|
|
3946
|
+
date: string;
|
|
3947
|
+
/** Reading time in minutes */
|
|
3948
|
+
readTime: number;
|
|
3949
|
+
/** Post tags */
|
|
3950
|
+
tags: string[];
|
|
3951
|
+
/** Featured image URL */
|
|
3952
|
+
image?: string;
|
|
3953
|
+
/** Featured image alt text */
|
|
3954
|
+
imageAlt?: string;
|
|
3955
|
+
/** Current locale */
|
|
3956
|
+
locale: string;
|
|
3957
|
+
/** Blog post content (from MDX) */
|
|
3958
|
+
children: ReactNode;
|
|
3959
|
+
/** Show table of contents sidebar @default true */
|
|
3960
|
+
showToc?: boolean;
|
|
3961
|
+
/** Link to blog index */
|
|
3962
|
+
backHref?: string;
|
|
3963
|
+
/** Label for back link */
|
|
3964
|
+
backLabel?: string;
|
|
3965
|
+
/** Additional CSS classes */
|
|
3966
|
+
className?: string;
|
|
3967
|
+
}
|
|
3968
|
+
declare function BlogLayout({ title, excerpt, author, authorAvatar, date, readTime, tags, image, imageAlt, locale, children, showToc, backHref, backLabel, className, }: BlogLayoutProps): react_jsx_runtime.JSX.Element;
|
|
3969
|
+
|
|
3970
|
+
interface BlogPostMetadata {
|
|
3971
|
+
title: string;
|
|
3972
|
+
excerpt: string;
|
|
3973
|
+
author: string;
|
|
3974
|
+
/** ISO date (YYYY-MM-DD) */
|
|
3975
|
+
date: string;
|
|
3976
|
+
/** Reading time in minutes */
|
|
3977
|
+
readTime: number;
|
|
3978
|
+
tags: string[];
|
|
3979
|
+
featured?: boolean;
|
|
3980
|
+
/** Featured image URL */
|
|
3981
|
+
image?: string;
|
|
3982
|
+
imageAlt?: string;
|
|
3983
|
+
[key: string]: unknown;
|
|
3984
|
+
}
|
|
3985
|
+
|
|
3986
|
+
interface BlogIndexProps {
|
|
3987
|
+
/** Current locale */
|
|
3988
|
+
locale: string;
|
|
3989
|
+
/** Blog posts to display */
|
|
3990
|
+
posts: Array<{
|
|
3991
|
+
slug: string;
|
|
3992
|
+
metadata: BlogPostMetadata;
|
|
3993
|
+
}>;
|
|
3994
|
+
/** Page title */
|
|
3995
|
+
title?: LocalizedString$2 | string;
|
|
3996
|
+
/** Page description */
|
|
3997
|
+
description?: LocalizedString$2 | string;
|
|
3998
|
+
/** Show tag filter bar @default true */
|
|
3999
|
+
showTagFilter?: boolean;
|
|
4000
|
+
/** BlogCard variant @default 'default' */
|
|
4001
|
+
cardVariant?: 'default' | 'horizontal' | 'minimal';
|
|
4002
|
+
/** Show featured posts prominently @default true */
|
|
4003
|
+
featuredFirst?: boolean;
|
|
4004
|
+
/** Additional CSS classes */
|
|
4005
|
+
className?: string;
|
|
4006
|
+
}
|
|
4007
|
+
declare function BlogIndex({ locale, posts, title, description, showTagFilter, cardVariant, featuredFirst, className, }: BlogIndexProps): react_jsx_runtime.JSX.Element;
|
|
4008
|
+
|
|
4009
|
+
interface NewsletterSubmitData {
|
|
4010
|
+
email: string;
|
|
4011
|
+
name?: string;
|
|
4012
|
+
}
|
|
4013
|
+
interface NewsletterResponse {
|
|
4014
|
+
success: boolean;
|
|
4015
|
+
message?: string;
|
|
4016
|
+
error?: string;
|
|
4017
|
+
}
|
|
4018
|
+
interface NewsletterSignupProps {
|
|
4019
|
+
/** Form submission handler */
|
|
4020
|
+
onSubmit: (data: NewsletterSubmitData) => Promise<NewsletterResponse>;
|
|
4021
|
+
/** Layout variant @default 'stacked' */
|
|
4022
|
+
variant?: 'inline' | 'stacked' | 'minimal' | 'card';
|
|
4023
|
+
/** Size @default 'md' */
|
|
4024
|
+
size?: 'sm' | 'md' | 'lg';
|
|
4025
|
+
/** Show name field @default false */
|
|
4026
|
+
showName?: boolean;
|
|
4027
|
+
/** Show privacy checkbox @default false */
|
|
4028
|
+
showPrivacy?: boolean;
|
|
4029
|
+
/** Privacy policy URL */
|
|
4030
|
+
privacyUrl?: string;
|
|
4031
|
+
/** Current locale @default 'en' */
|
|
4032
|
+
locale?: string;
|
|
4033
|
+
/** Custom button text */
|
|
4034
|
+
buttonText?: LocalizedString$2 | string;
|
|
4035
|
+
/** Custom placeholder for email */
|
|
4036
|
+
emailPlaceholder?: LocalizedString$2 | string;
|
|
4037
|
+
/** Custom placeholder for name */
|
|
4038
|
+
namePlaceholder?: LocalizedString$2 | string;
|
|
4039
|
+
/** Custom success message */
|
|
4040
|
+
successMessage?: LocalizedString$2 | string;
|
|
4041
|
+
/** Additional CSS classes */
|
|
4042
|
+
className?: string;
|
|
4043
|
+
}
|
|
4044
|
+
declare function NewsletterSignup({ onSubmit, variant, size, showName, showPrivacy, privacyUrl, locale, buttonText, emailPlaceholder, namePlaceholder, successMessage, className, }: NewsletterSignupProps): react_jsx_runtime.JSX.Element;
|
|
4045
|
+
|
|
4046
|
+
export { AboutSection, AddressLink, type AddressLinkProps, AnimatedCounter, type AnimatedCounterProps, AnimatedItem, AnimatedSection, type AnimatedSectionProps, type AnimationType, type Badge, type BadgeType, type BillingPeriod, BlogCard, type BlogCardProps, BlogIndex, type BlogIndexProps, BlogLayout, type BlogLayoutProps, BodyEndScripts, type BodyEndScriptsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type CTAButtonConfig, CTASection, type CTASectionProps, Card, type CardProps, CaseStudySection, Checkbox, CheckboxGroup, CheckboxGroupARIA, type CheckboxGroupARIAOption, type CheckboxGroupARIAProps, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, CodeBlock, type CodeBlockProps, type ComparisonFeature, type ComparisonOption, ComparisonTable, type ComparisonTableProps, ComponentDemo, type ComponentDemoProps, ContactForm, type ContactFormData, type ContactFormField, type ContactFormProps, type ContactFormResponse, ContactSection, CountdownTimer, type CountdownTimerProps, type CustomBadge, EmailLink, type EmailLinkProps, ExitIntentModal, type ExitIntentModalProps, type FAQ, FAQAccordion, type FAQAccordionProps, type Feature, type FeatureCategory, FeatureSection, FeaturesGrid, FileUpload, type FileUploadProps, Footer, type FooterProps, FormField, FormFieldARIA, type FormFieldARIAProps, type FormFieldProps, FormGroup, HeadScripts, type HeadScriptsProps, Header, type HeaderProps, type Heading, HeroSection, I18nMetaTags, type I18nMetaTagsProps, Icon, type IconName, type IconProps, Icons, InlineCode, Input, type InputProps, LanguageSelector, type LanguageSelectorProps, LanguageSwitcher, type LanguageSwitcherProps, LazySection, type LazySectionProps, LiveProof, type LiveProofNotification, type LiveProofProps, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LogosSection, MobileCTA, type MobileCTAProps, Modal, ModalContent, ModalFooter, type ModalProps, ModalRoot, type ModalSize, ModalTrigger, MultiStepForm, type MultiStepFormProps, type NewsletterResponse, NewsletterSignup, type NewsletterSignupProps, type NewsletterSubmitData, type NotificationPosition, type OpenGraphMetadata, PersonalTaxesSection, PhoneLink, type PhoneLinkProps, PolicyLayout, type PolicyLayoutProps, type PricingFeature, PricingTable, type PricingTableProps, type PricingTier, Radio, RadioGroup, RadioGroupARIA, type RadioGroupARIAOption, type RadioGroupARIAProps, type RadioGroupOption, type RadioGroupProps, type RadioProps, RecruitingSection, SEOMetaTags, type SEOMetaTagsProps, SecurePortalSection, Select, type SelectOption, type SelectOptionGroup, type SelectProps, ServicePageLayout, ServicesSection, Skeleton, type SkeletonAnimation, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonImage, type SkeletonProps, SkeletonText, type SpinnerSize, type SpinnerStyle, type Stat, StatsSection, type StatsSectionProps, type StepProps, StickyBar, type StickyBarProps, StructuredData, type StructuredDataProps, StyleGuide, type StyleGuideProps, type Tab, TableOfContents, type TableOfContentsProps, Tabs, type TabsProps, type Testimonial, TestimonialCarousel, type TestimonialCarouselProps, TestimonialSection, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type Toast, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastType, TrustBadges, type TrustBadgesProps, type TwitterMetadata, WhyChooseUsSection, generateMockNotifications, toast, useMultiStepForm, useToast, withLazyLoad };
|