@upstart.gg/sdk 0.0.138 → 0.0.139

package/dist/shared/bricks/manifests/footer.manifest.js

@@ -1,27 +1,866 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { urlOrPageId } from "../props/string.js";
+import { image } from "../props/image.js";
+import { fontSize } from "../props/text.js";
+import { colorPreset } from "../props/color-preset.js";
+import { toLLMSchema } from "../../utils/llm.js";
+import { Type } from "@sinclair/typebox";
+import { VscLayoutPanelOff } from "react-icons/vsc";
 
-import {
-  examples,
-  footerSchemaPropsLLM,
-  manifest
-} from "../../chunk-ZYQZUWF7.js";
-import "../../chunk-UC75KRLX.js";
-import "../../chunk-2Z5WOCFS.js";
-import "../../chunk-FYGFB5U5.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-2UEPTT5J.js";
-import "../../chunk-2EOCK66Z.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-MO6CRLQA.js";
-import "../../chunk-GNTJT7MR.js";
-import "../../chunk-TZ6X7ZM5.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  footerSchemaPropsLLM,
-  manifest
-};
+//#region src/shared/bricks/manifests/footer.manifest.ts
+const manifest = defineBrickManifest({
+	type: "footer",
+	name: "Footer",
+	category: "layout",
+	description: "A footer with links and an optional logo.",
+	aiInstructions: "This brick should be used on most sites/pages. It must be placed on its own section.",
+	icon: VscLayoutPanelOff,
+	staticClasses: "flex-1",
+	isGlobalBrick: true,
+	hideInLibrary: true,
+	resizable: false,
+	movable: false,
+	defaultWidth: {
+		desktop: "100%",
+		mobile: "100%"
+	},
+	props: defineProps({
+		colorPreset: Type.Optional(colorPreset({
+			title: "Color preset",
+			default: { color: "neutral-600" }
+		})),
+		padding: Type.Optional(cssLength({
+			default: "4rem",
+			description: "Padding inside the footer.",
+			title: "Padding",
+			"ui:responsive": true,
+			"ui:placeholder": "Not specified",
+			"ui:styleId": "styles:padding"
+		})),
+		logo: Type.Optional(image({
+			title: "Logo",
+			"ui:no-object-options": true,
+			"ui:no-alt-text": true
+		})),
+		fontSize: Type.Optional(fontSize({
+			default: "text-sm",
+			"ui:no-extra-large-sizes": true
+		})),
+		linksSections: Type.Array(Type.Object({
+			sectionTitle: Type.String({ title: "Title" }),
+			links: Type.Array(Type.Object({
+				title: Type.String({ title: "Title" }),
+				url: urlOrPageId()
+			}), { title: "Links" })
+		}, { examples: [{
+			sectionTitle: "Quick Links",
+			links: [
+				{
+					title: "Home",
+					url: "/"
+				},
+				{
+					title: "About",
+					url: "page-id-of-about-page"
+				},
+				{
+					title: "Our Services",
+					url: "page-id-of-services-page"
+				}
+			]
+		}, {
+			sectionTitle: "Legal",
+			links: [
+				{
+					title: "Privacy Policy",
+					url: "page-id-of-privacy-policy"
+				},
+				{
+					title: "Terms of Service",
+					url: "page-id-of-terms"
+				},
+				{
+					title: "Our law firm",
+					url: "https://my.external.lawfirm.com"
+				}
+			]
+		}] }), {
+			title: "Links",
+			"ui:displayField": "sectionTitle",
+			"ui:options": {
+				orderable: true,
+				removable: true,
+				addable: true
+			},
+			default: [],
+			description: "List of Links Sections. Each section contains a title and a list of links.",
+			metadata: { category: "content" }
+		})
+	}, {
+		noGrow: true,
+		noAlignSelf: true
+	})
+});
+const footerSchemaPropsLLM = toLLMSchema(manifest.props);
+const examples = [
+	{
+		description: "Simple footer with logo on the left",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/120x40.png?text=Logo",
+				alt: "Company logo"
+			},
+			linksSections: [{
+				sectionTitle: "Quick Links",
+				links: [
+					{
+						title: "Home",
+						url: "/"
+					},
+					{
+						title: "About",
+						url: "/about"
+					},
+					{
+						title: "Contact",
+						url: "/contact"
+					}
+				]
+			}, {
+				sectionTitle: "Legal",
+				links: [{
+					title: "Privacy Policy",
+					url: "/privacy"
+				}, {
+					title: "Terms of Service",
+					url: "/terms"
+				}]
+			}]
+		}
+	},
+	{
+		description: "Corporate footer with centered logo",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/150x50.png?text=Corporate",
+				alt: "Corporate logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Products",
+					links: [
+						{
+							title: "Software Solutions",
+							url: "/products/software"
+						},
+						{
+							title: "Consulting",
+							url: "/products/consulting"
+						},
+						{
+							title: "Support",
+							url: "/products/support"
+						},
+						{
+							title: "Training",
+							url: "/products/training"
+						}
+					]
+				},
+				{
+					sectionTitle: "Company",
+					links: [
+						{
+							title: "About Us",
+							url: "/about"
+						},
+						{
+							title: "Careers",
+							url: "/careers"
+						},
+						{
+							title: "News",
+							url: "/news"
+						},
+						{
+							title: "Investors",
+							url: "/investors"
+						}
+					]
+				},
+				{
+					sectionTitle: "Resources",
+					links: [
+						{
+							title: "Documentation",
+							url: "/docs"
+						},
+						{
+							title: "API Reference",
+							url: "/api"
+						},
+						{
+							title: "Community",
+							url: "/community"
+						},
+						{
+							title: "Blog",
+							url: "/blog"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "E-commerce footer with logo on the right",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/140x45.png?text=Shop",
+				alt: "Shop logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Shop",
+					links: [
+						{
+							title: "All Products",
+							url: "/products"
+						},
+						{
+							title: "New Arrivals",
+							url: "/new"
+						},
+						{
+							title: "Sale",
+							url: "/sale"
+						},
+						{
+							title: "Gift Cards",
+							url: "/gift-cards"
+						}
+					]
+				},
+				{
+					sectionTitle: "Customer Service",
+					links: [
+						{
+							title: "Help Center",
+							url: "/help"
+						},
+						{
+							title: "Returns",
+							url: "/returns"
+						},
+						{
+							title: "Shipping Info",
+							url: "/shipping"
+						},
+						{
+							title: "Size Guide",
+							url: "/size-guide"
+						}
+					]
+				},
+				{
+					sectionTitle: "Account",
+					links: [
+						{
+							title: "My Account",
+							url: "/account"
+						},
+						{
+							title: "Order History",
+							url: "/orders"
+						},
+						{
+							title: "Wishlist",
+							url: "/wishlist"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "Large organization footer with multiple rows",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/180x60.png?text=Enterprise",
+				alt: "Enterprise logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Products & Services",
+					links: [
+						{
+							title: "Cloud Solutions",
+							url: "/cloud"
+						},
+						{
+							title: "Data Analytics",
+							url: "/analytics"
+						},
+						{
+							title: "AI & Machine Learning",
+							url: "/ai"
+						},
+						{
+							title: "Cybersecurity",
+							url: "/security"
+						},
+						{
+							title: "DevOps Tools",
+							url: "/devops"
+						},
+						{
+							title: "IoT Platform",
+							url: "/iot"
+						}
+					]
+				},
+				{
+					sectionTitle: "Industries",
+					links: [
+						{
+							title: "Healthcare",
+							url: "/industries/healthcare"
+						},
+						{
+							title: "Finance",
+							url: "/industries/finance"
+						},
+						{
+							title: "Retail",
+							url: "/industries/retail"
+						},
+						{
+							title: "Manufacturing",
+							url: "/industries/manufacturing"
+						},
+						{
+							title: "Education",
+							url: "/industries/education"
+						},
+						{
+							title: "Government",
+							url: "/industries/government"
+						}
+					]
+				},
+				{
+					sectionTitle: "Resources",
+					links: [
+						{
+							title: "Documentation",
+							url: "/docs"
+						},
+						{
+							title: "API Reference",
+							url: "/api"
+						},
+						{
+							title: "Tutorials",
+							url: "/tutorials"
+						},
+						{
+							title: "Webinars",
+							url: "/webinars"
+						},
+						{
+							title: "White Papers",
+							url: "/whitepapers"
+						},
+						{
+							title: "Case Studies",
+							url: "/case-studies"
+						}
+					]
+				},
+				{
+					sectionTitle: "Support & Community",
+					links: [
+						{
+							title: "Help Center",
+							url: "/help"
+						},
+						{
+							title: "Community Forum",
+							url: "/forum"
+						},
+						{
+							title: "Contact Support",
+							url: "/support"
+						},
+						{
+							title: "Service Status",
+							url: "/status"
+						},
+						{
+							title: "Partner Portal",
+							url: "/partners"
+						},
+						{
+							title: "Developer Hub",
+							url: "/developers"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "Startup footer with minimal links and left logo",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/100x35.png?text=Startup",
+				alt: "Startup logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Company",
+					links: [
+						{
+							title: "About",
+							url: "/about"
+						},
+						{
+							title: "Team",
+							url: "/team"
+						},
+						{
+							title: "Jobs",
+							url: "/jobs"
+						}
+					]
+				},
+				{
+					sectionTitle: "Product",
+					links: [
+						{
+							title: "Features",
+							url: "/features"
+						},
+						{
+							title: "Pricing",
+							url: "/pricing"
+						},
+						{
+							title: "Demo",
+							url: "/demo"
+						}
+					]
+				},
+				{
+					sectionTitle: "Support",
+					links: [{
+						title: "Help",
+						url: "/help"
+					}, {
+						title: "Contact",
+						url: "/contact"
+					}]
+				}
+			]
+		}
+	},
+	{
+		description: "Agency footer with centered logo and creative sections",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/130x45.png?text=Agency",
+				alt: "Creative agency logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Services",
+					links: [
+						{
+							title: "Web Design",
+							url: "/services/web-design"
+						},
+						{
+							title: "Branding",
+							url: "/services/branding"
+						},
+						{
+							title: "Digital Marketing",
+							url: "/services/marketing"
+						},
+						{
+							title: "Photography",
+							url: "/services/photography"
+						}
+					]
+				},
+				{
+					sectionTitle: "Portfolio",
+					links: [
+						{
+							title: "Recent Work",
+							url: "/portfolio"
+						},
+						{
+							title: "Case Studies",
+							url: "/case-studies"
+						},
+						{
+							title: "Client Reviews",
+							url: "/reviews"
+						}
+					]
+				},
+				{
+					sectionTitle: "Connect",
+					links: [
+						{
+							title: "Contact Us",
+							url: "/contact"
+						},
+						{
+							title: "Get Quote",
+							url: "/quote"
+						},
+						{
+							title: "Newsletter",
+							url: "/newsletter"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "SaaS platform footer with comprehensive links",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/160x50.png?text=SaaS+Platform",
+				alt: "SaaS platform logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Platform",
+					links: [
+						{
+							title: "Dashboard",
+							url: "/dashboard"
+						},
+						{
+							title: "Analytics",
+							url: "/analytics"
+						},
+						{
+							title: "Integrations",
+							url: "/integrations"
+						},
+						{
+							title: "API",
+							url: "/api"
+						}
+					]
+				},
+				{
+					sectionTitle: "Solutions",
+					links: [
+						{
+							title: "For Startups",
+							url: "/solutions/startups"
+						},
+						{
+							title: "For Enterprise",
+							url: "/solutions/enterprise"
+						},
+						{
+							title: "For Agencies",
+							url: "/solutions/agencies"
+						},
+						{
+							title: "For Developers",
+							url: "/solutions/developers"
+						}
+					]
+				},
+				{
+					sectionTitle: "Resources",
+					links: [
+						{
+							title: "Blog",
+							url: "/blog"
+						},
+						{
+							title: "Documentation",
+							url: "/docs"
+						},
+						{
+							title: "Help Center",
+							url: "/help"
+						},
+						{
+							title: "Community",
+							url: "/community"
+						}
+					]
+				},
+				{
+					sectionTitle: "Company",
+					links: [
+						{
+							title: "About Us",
+							url: "/about"
+						},
+						{
+							title: "Careers",
+							url: "/careers"
+						},
+						{
+							title: "Press",
+							url: "/press"
+						},
+						{
+							title: "Legal",
+							url: "/legal"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "Non-profit footer with mission-focused links",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/140x50.png?text=Non+Profit",
+				alt: "Non-profit organization logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Our Work",
+					links: [
+						{
+							title: "Programs",
+							url: "/programs"
+						},
+						{
+							title: "Impact",
+							url: "/impact"
+						},
+						{
+							title: "Success Stories",
+							url: "/stories"
+						},
+						{
+							title: "Research",
+							url: "/research"
+						}
+					]
+				},
+				{
+					sectionTitle: "Get Involved",
+					links: [
+						{
+							title: "Donate",
+							url: "/donate"
+						},
+						{
+							title: "Volunteer",
+							url: "/volunteer"
+						},
+						{
+							title: "Events",
+							url: "/events"
+						},
+						{
+							title: "Partner with Us",
+							url: "/partnerships"
+						}
+					]
+				},
+				{
+					sectionTitle: "About",
+					links: [
+						{
+							title: "Our Mission",
+							url: "/mission"
+						},
+						{
+							title: "Leadership",
+							url: "/leadership"
+						},
+						{
+							title: "Annual Reports",
+							url: "/reports"
+						},
+						{
+							title: "Contact",
+							url: "/contact"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "Tech blog footer with right-aligned logo",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/120x40.png?text=Tech+Blog",
+				alt: "Tech blog logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Categories",
+					links: [
+						{
+							title: "Web Development",
+							url: "/category/web-dev"
+						},
+						{
+							title: "AI & ML",
+							url: "/category/ai-ml"
+						},
+						{
+							title: "DevOps",
+							url: "/category/devops"
+						},
+						{
+							title: "Mobile",
+							url: "/category/mobile"
+						}
+					]
+				},
+				{
+					sectionTitle: "Popular",
+					links: [
+						{
+							title: "Latest Posts",
+							url: "/latest"
+						},
+						{
+							title: "Trending",
+							url: "/trending"
+						},
+						{
+							title: "Best of 2024",
+							url: "/best-2024"
+						},
+						{
+							title: "Tutorials",
+							url: "/tutorials"
+						}
+					]
+				},
+				{
+					sectionTitle: "Community",
+					links: [
+						{
+							title: "Newsletter",
+							url: "/newsletter"
+						},
+						{
+							title: "Discord",
+							url: "/discord"
+						},
+						{
+							title: "Contributors",
+							url: "/contributors"
+						},
+						{
+							title: "Write for Us",
+							url: "/write"
+						}
+					]
+				}
+			]
+		}
+	},
+	{
+		description: "Restaurant footer with location and menu links",
+		type: "footer",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/150x60.png?text=Restaurant",
+				alt: "Restaurant logo"
+			},
+			linksSections: [
+				{
+					sectionTitle: "Menu",
+					links: [
+						{
+							title: "Appetizers",
+							url: "/menu/appetizers"
+						},
+						{
+							title: "Main Courses",
+							url: "/menu/mains"
+						},
+						{
+							title: "Desserts",
+							url: "/menu/desserts"
+						},
+						{
+							title: "Beverages",
+							url: "/menu/drinks"
+						}
+					]
+				},
+				{
+					sectionTitle: "Services",
+					links: [
+						{
+							title: "Reservations",
+							url: "/reservations"
+						},
+						{
+							title: "Catering",
+							url: "/catering"
+						},
+						{
+							title: "Private Events",
+							url: "/events"
+						},
+						{
+							title: "Gift Cards",
+							url: "/gift-cards"
+						}
+					]
+				},
+				{
+					sectionTitle: "Info",
+					links: [
+						{
+							title: "About Us",
+							url: "/about"
+						},
+						{
+							title: "Location",
+							url: "/location"
+						},
+						{
+							title: "Hours",
+							url: "/hours"
+						},
+						{
+							title: "Contact",
+							url: "/contact"
+						}
+					]
+				}
+			]
+		}
+	}
+];
+
+//#endregion
+export { examples, footerSchemaPropsLLM, manifest };
 //# sourceMappingURL=footer.manifest.js.map