Merge version_5 into main #6

Merged
bender merged 46 commits from version_5 into main 2026-02-18 22:48:54 +00:00
37 changed files with 1349 additions and 68 deletions

View File

@@ -5,14 +5,14 @@
"textRules": {
"logoText": {
"required": false,
"default": "Webild",
"default": "Proof Digital",
"example": "Company Name",
"minChars": 2,
"maxChars": 30
},
"copyrightText": {
"required": false,
"default": "© 2025 | Webild",
"default": "© 2025 | Proof Digital",
"example": "© 2025 Company Name",
"minChars": 5,
"maxChars": 50
@@ -50,8 +50,8 @@
},
"propsSchema": {
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proof Digital')",
"copyrightText?": "string (default: '© 2025 | Proof Digital')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"

View File

@@ -5,14 +5,14 @@
"textRules": {
"copyrightText": {
"required": false,
"example": "© 2025 | Webild",
"example": "© 2025 | Proof Digital",
"minChars": 5,
"maxChars": 100,
"note": "Copyright text displayed at bottom left"
},
"logoText": {
"required": false,
"example": "Webild",
"example": "Proof Digital",
"minChars": 2,
"maxChars": 30,
"note": "Text used for h2 heading"
@@ -33,14 +33,14 @@
}
},
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proof Digital')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"copyrightText?": "string (default: '© 2025 | Webild')",
"copyrightText?": "string (default: '© 2025 | Proof Digital')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"
},
"usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" onPrivacyClick={() => console.log('Privacy clicked')} />",
"usageExample": "<FooterBaseCard columns={[{ title: 'Product', items: [{ label: 'Features', href: '/features' }, { label: 'Pricing', href: '/pricing' }] }, { title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Blog', href: '/blog' }] }]} logoText=\"Proof Digital\" copyrightText=\"© 2025 | Proof Digital\" onPrivacyClick={() => console.log('Privacy clicked')} />",
"do": [
"Use for general use",
"Requires columns[]"

View File

@@ -5,7 +5,7 @@
"textRules": {
"copyrightText": {
"required": false,
"default": "© 2025 | Webild",
"default": "© 2025 | Proof Digital",
"example": "© 2025 Company Name",
"minChars": 5,
"maxChars": 50

View File

@@ -5,14 +5,14 @@
"textRules": {
"copyrightText": {
"required": false,
"example": "© 2025 | Webild",
"example": "© 2025 | Proof Digital",
"minChars": 5,
"maxChars": 100,
"note": "Copyright text displayed at bottom left"
},
"logoText": {
"required": false,
"example": "Webild",
"example": "Proof Digital",
"minChars": 2,
"maxChars": 30,
"note": "Text used for SVG logo"
@@ -32,14 +32,14 @@
}
},
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proof Digital')",
"copyrightText?": "string (default: '© 2025 | Proof Digital')",
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",
"logoLineHeight?": "number (default: 1.1)"
},
"usageExample": "<FooterCard logoText=\"Webild\" copyrightText=\"© 2025 | Webild\" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />",
"usageExample": "<FooterCard logoText=\"Proof Digital\" copyrightText=\"© 2025 | Proof Digital\" socialLinks={[{ icon: Twitter, href: 'https://twitter.com/webild', ariaLabel: 'Twitter' }, { icon: Linkedin, href: 'https://linkedin.com/company/webild', ariaLabel: 'LinkedIn' }]} />",
"do": [
"Use for general use",
"Requires socialLinks?[]"

View File

@@ -5,7 +5,7 @@
"textRules": {
"logoText": {
"required": false,
"default": "Webild",
"default": "Proof Digital",
"example": "Company Name",
"minChars": 2,
"maxChars": 30
@@ -40,7 +40,7 @@
},
"propsSchema": {
"columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proof Digital')",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"
},

View File

@@ -5,7 +5,7 @@
"textRules": {
"logoText": {
"required": false,
"example": "Webild",
"example": "Proof Digital",
"minChars": 2,
"maxChars": 30,
"note": "Text used for SVG logo"
@@ -19,12 +19,12 @@
}
},
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proof Digital')",
"logoLineHeight?": "number (default: 1.1)",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"
},
"usageExample": "<FooterLogoReveal logoText=\"Webild\" />",
"usageExample": "<FooterLogoReveal logoText=\"Proof Digital\" />",
"do": [
"Use for general use"
],

View File

@@ -5,14 +5,14 @@
"textRules": {
"logoText": {
"required": false,
"default": "Webild",
"default": "Proof Digital",
"example": "Company Name",
"minChars": 2,
"maxChars": 30
},
"copyrightText": {
"required": false,
"default": "© 2025 | Webild",
"default": "© 2025 | Proof Digital",
"example": "© 2025 Company Name",
"minChars": 5,
"maxChars": 50
@@ -65,8 +65,8 @@
"videoSrc": "string (required if no imageSrc)",
"videoAriaLabel?": "string (default: 'Footer video')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proof Digital')",
"copyrightText?": "string (default: '© 2025 | Proof Digital')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"

View File

@@ -11,7 +11,7 @@
},
"bottomRightText": {
"required": true,
"example": "Made with Webild",
"example": "Made with Proof Digital",
"minChars": 2,
"maxChars": 50
},
@@ -53,7 +53,7 @@
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string"
},
"usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with Webild\" />",
"usageExample": "<FooterSimple columns={[{ title: 'Navigate', items: [{ label: 'Home', href: '#' }, { label: 'About', href: '#' }] }, { title: 'Resources', items: [{ label: 'Blog', href: '#' }, { label: 'FAQ', href: '#' }] }, { title: 'Legal', items: [{ label: 'Privacy', href: '#' }, { label: 'Terms', href: '#' }] }]} bottomLeftText=\"© 2025 Company. All rights reserved.\" bottomRightText=\"Made with Proof Digital\" />",
"do": [
"Use for feature showcases",
"Use for capability displays",

View File

@@ -5,7 +5,7 @@
"textRules": {
"logoText": {
"required": true,
"example": "Webild",
"example": "Proof Digital",
"minChars": 2,
"maxChars": 20
},
@@ -67,7 +67,7 @@
"ariaLabel?": "string (default: 'Hero section')",
"className?": "string"
},
"usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n <HeroLogo \n logoText=\"Webild\" \n description=\"Building the future of web design with innovative solutions\" \n buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n imageSrc=\"/placeholders/placeholder5.jpg\" \n imageAlt=\"Hero background\"\n />\n</ThemeProvider>",
"usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n <HeroLogo \n logoText=\"Proof Digital\" \n description=\"Building the future of web design with innovative solutions\" \n buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n imageSrc=\"/placeholders/placeholder5.jpg\" \n imageAlt=\"Hero background\"\n />\n</ThemeProvider>",
"do": [
"Use for landing pages",
"Use for feature showcases",

View File

@@ -9,7 +9,7 @@
"required": false,
"minChars": 2,
"maxChars": 20,
"example": "Webild",
"example": "Proofweb",
"fallbackBehavior": "Shows brandName text"
},
"buttonRules": {
@@ -51,7 +51,7 @@
},
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"button": "{text: string, onClick?: () => void, href?: string}",
"className?": "string (default: '')"
},

View File

@@ -9,7 +9,7 @@
"required": false,
"minChars": 2,
"maxChars": 20,
"example": "Webild",
"example": "Proofweb",
"fallbackBehavior": "Shows brandName text"
},
"buttonRules": {
@@ -52,7 +52,7 @@
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"className?": "string",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"button": "{text: string, onClick?: () => void, href?: string}"
},
"usageExample": "",

View File

@@ -9,7 +9,7 @@
"required": false,
"minChars": 2,
"maxChars": 20,
"example": "Webild",
"example": "Proofweb",
"fallbackBehavior": "Shows brandName text"
},
"linkRules": {
@@ -34,7 +34,7 @@
},
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')"
"brandName?": "string (default: 'Proofweb')"
},
"usageExample": "",
"do": [

View File

@@ -9,7 +9,7 @@
"required": false,
"minChars": 2,
"maxChars": 20,
"example": "Webild",
"example": "Proofweb",
"fallbackBehavior": "Shows brandName text"
},
"buttonRules": {
@@ -52,7 +52,7 @@
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"button": "{text: string, onClick?: () => void, href?: string}",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"className?": "string (default: '')"
},
"usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",

View File

@@ -9,7 +9,7 @@
"required": false,
"minChars": 2,
"maxChars": 20,
"example": "Webild",
"example": "Proofweb",
"fallbackBehavior": "Shows brandName text"
},
"linkRules": {
@@ -48,7 +48,7 @@
},
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"bottomLeftText?": "string (default: 'Global Community')",
"bottomRightText?": "string (default: 'hello@example.com')"
},

View File

@@ -2,8 +2,8 @@
"name": "FooterBase",
"propsSchema": {
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proofweb')",
"copyrightText?": "string (default: '© 2025 | Proofweb')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",

View File

@@ -1,9 +1,9 @@
{
"name": "FooterBaseCard",
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proofweb')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"copyrightText?": "string (default: '© 2025 | Webild')",
"copyrightText?": "string (default: '© 2025 | Proofweb')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",

View File

@@ -1,8 +1,8 @@
{
"name": "FooterCard",
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proofweb')",
"copyrightText?": "string (default: '© 2025 | Proofweb')",
"socialLinks?": "Array<{ icon: LucideIcon, href: string, ariaLabel: string }> - Social media links",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",

View File

@@ -2,7 +2,7 @@
"name": "FooterLogoEmphasis",
"propsSchema": {
"columns": "Array<{ items: Array<{ label: string, href?: string, onClick?: () => void }> }> - Footer navigation columns (required, max 5)",
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proofweb')",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",
"containerClassName?": "string",

View File

@@ -1,7 +1,7 @@
{
"name": "FooterLogoReveal",
"propsSchema": {
"logoText?": "string (default: 'Webild')",
"logoText?": "string (default: 'Proofweb')",
"logoLineHeight?": "number (default: 1.1)",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",

View File

@@ -6,8 +6,8 @@
"videoSrc": "string (required if no imageSrc)",
"videoAriaLabel?": "string (default: 'Footer video')",
"columns": "Array<{ title: string, items: Array<{ label: string, href: string }> }> - Footer navigation columns",
"logoText?": "string (default: 'Webild')",
"copyrightText?": "string (default: '© 2025 | Webild')",
"logoText?": "string (default: 'Proofweb')",
"copyrightText?": "string (default: '© 2025 | Proofweb')",
"onPrivacyClick?": "() => void",
"ariaLabel?": "string (default: 'Site footer')",
"className?": "string",

View File

@@ -2,7 +2,7 @@
"name": "NavbarLayoutFloatingInline",
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"button": "{text: string, onClick?: () => void, href?: string}",
"className?": "string (default: '')",
"navItemClassName?": "string (default: '')",

View File

@@ -3,7 +3,7 @@
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"className?": "string",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"button": "{text: string, onClick?: () => void, href?: string}",
"buttonClassName?": "string (default: '')",
"buttonTextClassName?": "string (default: '')"

View File

@@ -2,6 +2,6 @@
"name": "NavbarStyleApple",
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')"
"brandName?": "string (default: 'Proofweb')"
}
}

View File

@@ -4,7 +4,7 @@
"navItems": "Array<{name: string, id: string}>",
"button": "{text: string, onClick?: () => void, href?: string}",
"topBarButton?": "{text: string, onClick?: () => void, href?: string}",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"className?": "string (default: '')"
}
}

View File

@@ -2,7 +2,7 @@
"name": "NavbarStyleFullscreen",
"propsSchema": {
"navItems": "Array<{name: string, id: string}>",
"brandName?": "string (default: 'Webild')",
"brandName?": "string (default: 'Proofweb')",
"bottomLeftText?": "string (default: 'Global Community')",
"bottomRightText?": "string (default: 'hello@example.com')",
"topBarClassName?": "string (default: '')"

File diff suppressed because it is too large Load Diff

View File

@@ -18,7 +18,7 @@ interface LogoProps {
const Logo = ({
// logoSrc,
// logoAlt = "",
brandName = "Webild",
brandName = "Proofweb",
// className = "",
// imageClassName = "",
textClassName = "",

View File

@@ -27,7 +27,7 @@ const NavbarLayoutFloatingInline = ({
navItems,
// logoSrc,
// logoAlt = "",
brandName = "Webild",
brandName = "Proofweb",
button,
className = "",
navItemClassName = "",

View File

@@ -30,7 +30,7 @@ const NavbarLayoutFloatingOverlay = ({
// logoSrc,
// logoAlt = "",
className = "",
brandName = "Webild",
brandName = "Proofweb",
button,
buttonClassName = "",
buttonTextClassName = "",

View File

@@ -25,7 +25,7 @@ const NavbarStyleApple = ({
navItems,
// logoSrc,
// logoAlt = "",
brandName = "Webild",
brandName = "Proofweb",
logoOnClick,
logoHref,
button,

View File

@@ -59,7 +59,7 @@ const NavbarStyleCentered = ({
topBarButton,
// logoSrc,
// logoAlt = "",
brandName = "Webild",
brandName = "Proofweb",
className = "",
logoOnClick,
logoHref,

View File

@@ -50,7 +50,7 @@ const NavbarStyleFullscreen = ({
navItems,
// logoSrc,
// logoAlt = "",
brandName = "Webild",
brandName = "Proofweb",
bottomLeftText = "Global Community",
bottomRightText = "hello@example.com",
topBarClassName = "",

View File

@@ -30,11 +30,11 @@ interface FooterBaseProps {
const FooterBase = ({
// logoSrc = "/brand/logowhite.svg",
logoText = "Webild",
logoText = "Proofweb",
// logoWidth = 120,
// logoHeight = 40,
columns,
copyrightText = `© 2025 | Webild`,
copyrightText = `© 2025 | Proofweb`,
onPrivacyClick,
ariaLabel = "Site footer",
className = "",

View File

@@ -31,11 +31,11 @@ interface FooterBaseCardProps {
const FooterBaseCard = ({
// logoSrc = "/brand/logowhite.svg",
logoText = "Webild",
logoText = "Proofweb",
// logoWidth = 120,
// logoHeight = 40,
columns,
copyrightText = `© 2025 | Webild`,
copyrightText = `© 2025 | Proofweb`,
onPrivacyClick,
ariaLabel = "Site footer",
className = "",

View File

@@ -26,8 +26,8 @@ interface FooterCardProps {
const FooterCard = ({
// logoSrc,
// logoAlt = "Logo",
logoText = "Webild",
copyrightText = `© 2025 | Webild`,
logoText = "Proofweb",
copyrightText = `© 2025 | Proofweb`,
socialLinks,
ariaLabel = "Site footer",
className = "",

View File

@@ -28,7 +28,7 @@ interface FooterLogoRevealProps {
const FooterLogoReveal = ({
// logoSrc,
// logoAlt = "Logo",
logoText = "Webild",
logoText = "Proofweb",
leftLink,
rightLink,
ariaLabel = "Site footer",

View File

@@ -51,11 +51,11 @@ const FooterMedia = ({
imageAlt = "",
videoAriaLabel = "Footer video",
// logoSrc = "/brand/logowhite.svg",
logoText = "Webild",
logoText = "Proofweb",
// logoWidth = 120,
// logoHeight = 40,
columns,
copyrightText = `© 2025 | Webild`,
copyrightText = `© 2025 | Proofweb`,
onPrivacyClick,
ariaLabel = "Site footer",
className = "",