@upstart.gg/sdk 0.0.137 → 0.0.139

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

@@ -1,25 +1,391 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { StringEnum } from "../../utils/string-enum.js";
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { fontSize, textContent } from "../props/text.js";
+import { boolean } from "../props/boolean.js";
+import { colorPreset } from "../props/color-preset.js";
+import { loop } from "../props/dynamic.js";
+import { Type } from "@sinclair/typebox";
+import { TfiLayoutAccordionSeparated } from "react-icons/tfi";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-LPAQ47C6.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-KNREHAPN.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-XXPSM6UA.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-XFZQGRRL.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-EMF5TCPX.js";
-import "../../chunk-MO6CRLQA.js";
-import "../../chunk-J45LSQT6.js";
-import "../../chunk-HY7JOP3J.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+//#region src/shared/bricks/manifests/accordion.manifest.ts
+const manifest = defineBrickManifest({
+	type: "accordion",
+	name: "Accordion",
+	description: "An accordion/collapse element for expandable content",
+	aiInstructions: `Use this accordion component for organizing collapsible content sections that help save space and improve content accessibility.
+
+WHEN TO USE:
+- FAQ sections with questions and detailed answers
+- Product feature lists with expandable descriptions
+- Documentation sections with organized topics
+- Step-by-step processes or tutorials
+- Menu categories (restaurant, services, pricing tiers)
+- Legal documents with different sections
+- Course curricula with lesson breakdowns
+- Support categories with help topics
+
+STYLING GUIDELINES:
+- colorPreset: Use "primary-500" for branded sections, "secondary-400" for features, "neutral-200" for documentation, "accent-500" for highlights
+- fontSize: "text-sm" for compact content, "text-base" for standard, "text-lg" for emphasis
+- rounding: "rounded-none" for sharp/corporate, "rounded-md" for standard, "rounded-lg" for friendly, "rounded-xl"/"rounded-2xl"/"rounded-3xl" for modern
+- gap: "1px" for minimal separation, "0.5rem" for comfortable, "1rem" for spacious layouts
+- restrictOneOpen: true for FAQs/single focus, false for reference materials/feature lists
+
+CONTENT ORGANIZATION:
+- Use clear, descriptive titles that preview the content
+- Keep expandable content concise but comprehensive
+- Support HTML formatting in content (lists, links, line breaks)
+- Set defaultOpen: true for most important/frequently accessed items
+
+DYNAMIC CONTENT:
+- Support template variables in titles: "{{category.name}} - {{category.count}} items"
+- Dynamic content: "Learn about {{product.features}} and {{product.benefits}}"
+- Loop over data: Display product categories, team departments, or service areas
+
+AVOID:
+- Too many items (>10) without organization
+- Very long titles that don't fit on mobile
+- Empty or placeholder content in collapsed sections
+- Mixing different content types in the same accordion`,
+	icon: TfiLayoutAccordionSeparated,
+	defaultWidth: {
+		desktop: "450px",
+		mobile: "100%"
+	},
+	props: defineProps({
+		items: Type.Array(Type.Object({
+			title: textContent({
+				title: "Title",
+				default: "My title",
+				disableSizing: true,
+				showInSettings: true
+			}),
+			content: textContent({
+				title: "Content",
+				default: "Expandable content goes here"
+			}),
+			defaultOpen: Type.Optional(boolean("Open by default", false))
+		}), {
+			title: "Accordion items",
+			metadata: { category: "content" }
+		}),
+		fontSize: Type.Optional(fontSize({ default: "inherit" })),
+		restrictOneOpen: boolean("Restrict to one open item", false, { description: "Restrict to one open item at a time. If false, multiple items can be open simultaneously." }),
+		gap: Type.Optional(cssLength({
+			title: "Gap",
+			description: "The gap between the accordion items.",
+			default: "1px",
+			"ui:styleId": "styles:gap"
+		})),
+		rounding: Type.Optional(StringEnum([
+			"rounded-auto",
+			"rounded-none",
+			"rounded-sm",
+			"rounded-md",
+			"rounded-lg",
+			"rounded-xl",
+			"rounded-2xl",
+			"rounded-3xl"
+		], {
+			title: "Corner rounding",
+			enumNames: [
+				"Auto",
+				"None",
+				"Small",
+				"Medium",
+				"Large",
+				"Extra large",
+				"2xl",
+				"3xl"
+			],
+			"ui:placeholder": "Not specified",
+			"ui:field": "enum",
+			"ui:display": "select",
+			"ui:styleId": "styles:rounding",
+			default: "rounded-auto"
+		})),
+		colorPreset: Type.Optional(colorPreset({
+			title: "Color",
+			default: { color: "bg-primary-500 text-primary-500-content" }
+		})),
+		loop: Type.Optional(loop())
+	})
+});
+const examples = [
+	{
+		description: "FAQ section with single open restriction - Classic use case for customer support",
+		type: "accordion",
+		props: {
+			restrictOneOpen: true,
+			colorPreset: { color: "primary-500" },
+			rounding: "rounded-md",
+			gap: "0.5rem",
+			items: [
+				{
+					title: "What is included in the basic plan?",
+					content: "The basic plan includes access to all core features, up to 10 projects, 5GB storage, email support, and basic analytics. You can upgrade at any time to access advanced features like API access, priority support, and unlimited projects.",
+					defaultOpen: true
+				},
+				{
+					title: "How do I cancel my subscription?",
+					content: "You can cancel your subscription at any time from your account settings. Go to Billing > Manage Subscription > Cancel. Your access will continue until the end of your current billing period, and you won't be charged for the next cycle."
+				},
+				{
+					title: "Is there a free trial available?",
+					content: "Yes! We offer a 14-day free trial with full access to all premium features. No credit card required to start. You can upgrade to a paid plan anytime during or after the trial period."
+				},
+				{
+					title: "What payment methods do you accept?",
+					content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual subscriptions. All payments are processed securely through our payment partners."
+				}
+			]
+		}
+	},
+	{
+		description: "Product features with multiple open panels - Good for showcasing software capabilities",
+		type: "accordion",
+		props: {
+			restrictOneOpen: false,
+			colorPreset: { color: "secondary-400" },
+			rounding: "rounded-lg",
+			gap: "0.5rem",
+			fontSize: "text-base",
+			items: [
+				{
+					title: "Advanced Analytics Dashboard",
+					content: "Get detailed insights into your business performance with real-time analytics, custom reports, and data visualization tools. Track key metrics, monitor trends, and make data-driven decisions.",
+					defaultOpen: true
+				},
+				{
+					title: "Team Collaboration Tools",
+					content: "Work seamlessly with your team using built-in collaboration features including shared workspaces, real-time editing, comments, and task management. Perfect for remote and hybrid teams.",
+					defaultOpen: true
+				},
+				{
+					title: "API Integration & Automation",
+					content: "Connect with over 1000+ popular tools and services through our robust API. Set up automated workflows, sync data across platforms, and streamline your business processes."
+				},
+				{
+					title: "Enterprise Security",
+					content: "Bank-level security with end-to-end encryption, SSO integration, two-factor authentication, and compliance with SOC 2, GDPR, and HIPAA standards."
+				}
+			]
+		}
+	},
+	{
+		description: "Documentation sections with neutral colors - Perfect for help centers and knowledge bases",
+		type: "accordion",
+		props: {
+			restrictOneOpen: false,
+			colorPreset: { color: "neutral-200" },
+			fontSize: "text-lg",
+			rounding: "rounded-md",
+			gap: "2px",
+			items: [
+				{
+					title: "Getting Started",
+					content: "Learn the basics of our platform with step-by-step tutorials, setup guides, and quick start examples. Perfect for new users who want to get up and running quickly."
+				},
+				{
+					title: "API Reference",
+					content: "Complete API documentation with endpoints, parameters, response examples, and SDKs for popular programming languages including JavaScript, Python, PHP, and Ruby."
+				},
+				{
+					title: "Advanced Configuration",
+					content: "Deep dive into advanced features, custom configurations, webhooks, and enterprise-level integrations. Includes code samples and best practices."
+				}
+			]
+		}
+	},
+	{
+		description: "Restaurant menu sections with accent colors - Great for organizing menu items or service categories",
+		type: "accordion",
+		props: {
+			restrictOneOpen: true,
+			colorPreset: { color: "accent-500" },
+			rounding: "rounded-xl",
+			gap: "1rem",
+			items: [
+				{
+					title: "Appetizers & Starters",
+					content: "Bruschetta with Fresh Tomatoes - $8.99<br/>Calamari Rings with Marinara - $12.99<br/>Spinach & Artichoke Dip - $10.99<br/>Buffalo Wings (6 pieces) - $9.99",
+					defaultOpen: true
+				},
+				{
+					title: "Main Courses",
+					content: "Grilled Salmon with Herbs - $18.99<br/>Chicken Parmesan with Pasta - $16.99<br/>Ribeye Steak (12oz) - $24.99<br/>Vegetarian Lasagna - $14.99"
+				},
+				{
+					title: "Desserts",
+					content: "Tiramisu - $7.99<br/>Chocolate Lava Cake - $8.99<br/>New York Cheesecake - $6.99<br/>Gelato (3 scoops) - $5.99"
+				}
+			]
+		}
+	},
+	{
+		description: "Course curriculum with primary colors - Excellent for educational content and training programs",
+		type: "accordion",
+		props: {
+			restrictOneOpen: false,
+			colorPreset: { color: "primary-600" },
+			rounding: "rounded-sm",
+			gap: "1px",
+			fontSize: "text-base",
+			items: [
+				{
+					title: "Week 1: Introduction to Web Development",
+					content: "Learn the fundamentals of HTML, CSS, and basic JavaScript. Set up your development environment and create your first web page. Includes hands-on exercises and project templates."
+				},
+				{
+					title: "Week 2: Responsive Design & CSS Framework",
+					content: "Master responsive web design principles, CSS Grid, Flexbox, and popular frameworks like Bootstrap and Tailwind CSS. Build mobile-first designs that work on all devices."
+				},
+				{
+					title: "Week 3: JavaScript Fundamentals",
+					content: "Deep dive into JavaScript programming including variables, functions, objects, arrays, DOM manipulation, and event handling. Build interactive web applications."
+				},
+				{
+					title: "Week 4: Modern JavaScript & APIs",
+					content: "Learn ES6+ features, async/await, fetch API, and how to work with external APIs. Create dynamic applications that interact with real-world data sources."
+				}
+			]
+		}
+	},
+	{
+		description: "Support categories with sharp corners - Modern corporate style for help centers",
+		type: "accordion",
+		props: {
+			restrictOneOpen: false,
+			colorPreset: { color: "primary-300" },
+			rounding: "rounded-none",
+			gap: "0px",
+			fontSize: "text-base",
+			items: [
+				{
+					title: "Account & Billing",
+					content: "Get help with account settings, password reset, billing questions, subscription management, and payment issues. Average response time: 2 hours during business hours."
+				},
+				{
+					title: "Technical Support",
+					content: "Troubleshoot technical issues, API problems, integration questions, and performance concerns. Includes access to our knowledge base and video tutorials."
+				},
+				{
+					title: "Sales & Partnerships",
+					content: "Inquiries about enterprise solutions, custom pricing, partnership opportunities, and bulk discounts. Schedule a call with our sales team for personalized assistance."
+				},
+				{
+					title: "Feature Requests",
+					content: "Submit ideas for new features, improvements, and integrations. Our product team reviews all suggestions and provides updates on development roadmap."
+				}
+			]
+		}
+	},
+	{
+		description: "Product pricing comparison with multiple defaults open - Perfect for plan comparisons",
+		type: "accordion",
+		props: {
+			restrictOneOpen: false,
+			colorPreset: { color: "secondary-500" },
+			rounding: "rounded-lg",
+			gap: "0.5rem",
+			fontSize: "text-base",
+			items: [
+				{
+					title: "Basic Plan - $9/month",
+					content: "✓ Up to 5 projects<br/>✓ 10GB storage<br/>✓ Email support<br/>✓ Basic analytics<br/>✓ Mobile app access<br/>✗ API access<br/>✗ Custom integrations",
+					defaultOpen: true
+				},
+				{
+					title: "Pro Plan - $29/month",
+					content: "✓ Unlimited projects<br/>✓ 100GB storage<br/>✓ Priority support<br/>✓ Advanced analytics<br/>✓ API access<br/>✓ Custom integrations<br/>✓ Team collaboration",
+					defaultOpen: true
+				},
+				{
+					title: "Enterprise Plan - Custom pricing",
+					content: "✓ Everything in Pro<br/>✓ Unlimited storage<br/>✓ Dedicated support<br/>✓ White-label options<br/>✓ SSO integration<br/>✓ Custom contracts<br/>✓ On-premise deployment"
+				}
+			]
+		}
+	},
+	{
+		description: "Dynamic team member accordion using template variables - Shows data-driven content",
+		type: "accordion",
+		props: {
+			restrictOneOpen: true,
+			colorPreset: { color: "accent-400" },
+			rounding: "rounded-lg",
+			gap: "0.5rem",
+			items: [
+				{
+					title: "Meet {{team.leader.name}} - {{team.leader.role}}",
+					content: "{{team.leader.bio}} <br/><br/>Experience: {{team.leader.experience}} years<br/>Email: {{team.leader.email}}<br/>Location: {{team.leader.location}}",
+					defaultOpen: true
+				},
+				{
+					title: "{{team.designer.name}} - {{team.designer.role}}",
+					content: "{{team.designer.bio}} <br/><br/>Specializes in: {{team.designer.specialties}}<br/>Portfolio: <a href='{{team.designer.portfolio}}'>View Work</a>"
+				},
+				{
+					title: "{{team.developer.name}} - {{team.developer.role}}",
+					content: "{{team.developer.bio}} <br/><br/>Technologies: {{team.developer.skills}}<br/>GitHub: <a href='{{team.developer.github}}'>@{{team.developer.username}}</a>"
+				}
+			]
+		}
+	},
+	{
+		description: "Legal documents with dark theme and large gaps - Professional legal content presentation",
+		type: "accordion",
+		props: {
+			restrictOneOpen: true,
+			colorPreset: { color: "neutral-800" },
+			rounding: "rounded-lg",
+			gap: "1.5rem",
+			fontSize: "text-sm",
+			items: [
+				{
+					title: "Terms of Service",
+					content: "By accessing and using this website, you accept and agree to be bound by the terms and provision of this agreement. These terms apply to all visitors, users, and others who access or use the service."
+				},
+				{
+					title: "Privacy Policy",
+					content: "We collect information you provide directly to us, such as when you create an account, make a purchase, or contact us. We use this information to provide, maintain, and improve our services."
+				},
+				{
+					title: "Cookie Policy",
+					content: "We use cookies and similar tracking technologies to track activity on our service and hold certain information. You can instruct your browser to refuse all cookies or indicate when a cookie is being sent."
+				}
+			]
+		}
+	},
+	{
+		description: "Ultra-rounded modern design with 3xl rounding - Contemporary aesthetic for creative brands",
+		type: "accordion",
+		props: {
+			restrictOneOpen: true,
+			colorPreset: { color: "accent-300" },
+			rounding: "rounded-3xl",
+			gap: "1.5rem",
+			fontSize: "text-lg",
+			items: [
+				{
+					title: "Design Philosophy",
+					content: "We believe in creating digital experiences that are both beautiful and functional. Our approach combines user-centered design with cutting-edge technology to deliver exceptional results."
+				},
+				{
+					title: "Our Process",
+					content: "Discovery → Strategy → Design → Development → Testing → Launch. Each phase includes client collaboration, iterative feedback, and quality assurance to ensure optimal outcomes."
+				},
+				{
+					title: "Why Choose Us",
+					content: "15+ years experience, 200+ successful projects, award-winning designs, and a commitment to excellence. We're not just service providers - we're strategic partners in your success."
+				}
+			]
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=accordion.manifest.js.map

package/dist/shared/bricks/manifests/accordion.manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"accordion.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/accordion.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { TfiLayoutAccordionSeparated } from \"react-icons/tfi\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { boolean } from \"../props/boolean\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { fontSize, textContent } from \"../props/text\";\nimport type { BrickProps } from \"../props/types\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"accordion\",\n  name: \"Accordion\",\n  description: \"An accordion/collapse element for expandable content\",\n  aiInstructions: `Use this accordion component for organizing collapsible content sections that help save space and improve content accessibility.\n\nWHEN TO USE:\n- FAQ sections with questions and detailed answers\n- Product feature lists with expandable descriptions\n- Documentation sections with organized topics\n- Step-by-step processes or tutorials\n- Menu categories (restaurant, services, pricing tiers)\n- Legal documents with different sections\n- Course curricula with lesson breakdowns\n- Support categories with help topics\n\nSTYLING GUIDELINES:\n- colorPreset: Use \"primary-500\" for branded sections, \"secondary-400\" for features, \"neutral-200\" for documentation, \"accent-500\" for highlights\n- fontSize: \"text-sm\" for compact content, \"text-base\" for standard, \"text-lg\" for emphasis\n- rounding: \"rounded-none\" for sharp/corporate, \"rounded-md\" for standard, \"rounded-lg\" for friendly, \"rounded-xl\"/\"rounded-2xl\"/\"rounded-3xl\" for modern\n- gap: \"1px\" for minimal separation, \"0.5rem\" for comfortable, \"1rem\" for spacious layouts\n- restrictOneOpen: true for FAQs/single focus, false for reference materials/feature lists\n\nCONTENT ORGANIZATION:\n- Use clear, descriptive titles that preview the content\n- Keep expandable content concise but comprehensive\n- Support HTML formatting in content (lists, links, line breaks)\n- Set defaultOpen: true for most important/frequently accessed items\n\nDYNAMIC CONTENT:\n- Support template variables in titles: \"{{category.name}} - {{category.count}} items\"\n- Dynamic content: \"Learn about {{product.features}} and {{product.benefits}}\"\n- Loop over data: Display product categories, team departments, or service areas\n\nAVOID:\n- Too many items (>10) without organization\n- Very long titles that don't fit on mobile\n- Empty or placeholder content in collapsed sections\n- Mixing different content types in the same accordion`,\n  icon: TfiLayoutAccordionSeparated,\n\n  defaultWidth: { desktop: \"450px\", mobile: \"100%\" },\n\n  props: defineProps({\n    items: Type.Array(\n      Type.Object({\n        title: textContent({\n          title: \"Title\",\n          default: \"My title\",\n          disableSizing: true,\n          showInSettings: true,\n        }),\n        content: textContent({ title: \"Content\", default: \"Expandable content goes here\" }),\n        defaultOpen: Type.Optional(boolean(\"Open by default\", false)),\n      }),\n      {\n        title: \"Accordion items\",\n        metadata: {\n          category: \"content\",\n        },\n      },\n    ),\n    fontSize: Type.Optional(fontSize({ default: \"inherit\" })),\n    restrictOneOpen: boolean(\"Restrict to one open item\", false, {\n      description:\n        \"Restrict to one open item at a time. If false, multiple items can be open simultaneously.\",\n    }),\n    gap: Type.Optional(\n      cssLength({\n        title: \"Gap\",\n        description: \"The gap between the accordion items.\",\n        default: \"1px\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    rounding: Type.Optional(\n      StringEnum(\n        [\n          \"rounded-auto\",\n          \"rounded-none\",\n          \"rounded-sm\",\n          \"rounded-md\",\n          \"rounded-lg\",\n          \"rounded-xl\",\n          \"rounded-2xl\",\n          \"rounded-3xl\",\n        ],\n        {\n          title: \"Corner rounding\",\n          enumNames: [\"Auto\", \"None\", \"Small\", \"Medium\", \"Large\", \"Extra large\", \"2xl\", \"3xl\"],\n          \"ui:placeholder\": \"Not specified\",\n          \"ui:field\": \"enum\",\n          \"ui:display\": \"select\",\n          \"ui:styleId\": \"styles:rounding\",\n          default: \"rounded-auto\",\n        },\n      ),\n    ),\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n        default: { color: \"bg-primary-500 text-primary-500-content\" },\n      }),\n    ),\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  // FAQ SECTIONS\n  {\n    description: \"FAQ section with single open restriction - Classic use case for customer support\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: true,\n      colorPreset: { color: \"primary-500\" },\n      rounding: \"rounded-md\",\n      gap: \"0.5rem\",\n      items: [\n        {\n          title: \"What is included in the basic plan?\",\n          content:\n            \"The basic plan includes access to all core features, up to 10 projects, 5GB storage, email support, and basic analytics. You can upgrade at any time to access advanced features like API access, priority support, and unlimited projects.\",\n          defaultOpen: true,\n        },\n        {\n          title: \"How do I cancel my subscription?\",\n          content:\n            \"You can cancel your subscription at any time from your account settings. Go to Billing > Manage Subscription > Cancel. Your access will continue until the end of your current billing period, and you won't be charged for the next cycle.\",\n        },\n        {\n          title: \"Is there a free trial available?\",\n          content:\n            \"Yes! We offer a 14-day free trial with full access to all premium features. No credit card required to start. You can upgrade to a paid plan anytime during or after the trial period.\",\n        },\n        {\n          title: \"What payment methods do you accept?\",\n          content:\n            \"We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual subscriptions. All payments are processed securely through our payment partners.\",\n        },\n      ],\n    },\n  },\n\n  // PRODUCT FEATURES\n  {\n    description: \"Product features with multiple open panels - Good for showcasing software capabilities\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: false,\n      colorPreset: { color: \"secondary-400\" },\n      rounding: \"rounded-lg\",\n      gap: \"0.5rem\",\n      fontSize: \"text-base\",\n      items: [\n        {\n          title: \"Advanced Analytics Dashboard\",\n          content:\n            \"Get detailed insights into your business performance with real-time analytics, custom reports, and data visualization tools. Track key metrics, monitor trends, and make data-driven decisions.\",\n          defaultOpen: true,\n        },\n        {\n          title: \"Team Collaboration Tools\",\n          content:\n            \"Work seamlessly with your team using built-in collaboration features including shared workspaces, real-time editing, comments, and task management. Perfect for remote and hybrid teams.\",\n          defaultOpen: true,\n        },\n        {\n          title: \"API Integration & Automation\",\n          content:\n            \"Connect with over 1000+ popular tools and services through our robust API. Set up automated workflows, sync data across platforms, and streamline your business processes.\",\n        },\n        {\n          title: \"Enterprise Security\",\n          content:\n            \"Bank-level security with end-to-end encryption, SSO integration, two-factor authentication, and compliance with SOC 2, GDPR, and HIPAA standards.\",\n        },\n      ],\n    },\n  },\n\n  // DOCUMENTATION & GUIDES\n  {\n    description: \"Documentation sections with neutral colors - Perfect for help centers and knowledge bases\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: false,\n      colorPreset: { color: \"neutral-200\" },\n      fontSize: \"text-lg\",\n      rounding: \"rounded-md\",\n      gap: \"2px\",\n      items: [\n        {\n          title: \"Getting Started\",\n          content:\n            \"Learn the basics of our platform with step-by-step tutorials, setup guides, and quick start examples. Perfect for new users who want to get up and running quickly.\",\n        },\n        {\n          title: \"API Reference\",\n          content:\n            \"Complete API documentation with endpoints, parameters, response examples, and SDKs for popular programming languages including JavaScript, Python, PHP, and Ruby.\",\n        },\n        {\n          title: \"Advanced Configuration\",\n          content:\n            \"Deep dive into advanced features, custom configurations, webhooks, and enterprise-level integrations. Includes code samples and best practices.\",\n        },\n      ],\n    },\n  },\n\n  // MENU & CATALOG SECTIONS\n  {\n    description:\n      \"Restaurant menu sections with accent colors - Great for organizing menu items or service categories\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: true,\n      colorPreset: { color: \"accent-500\" },\n      rounding: \"rounded-xl\",\n      gap: \"1rem\",\n      items: [\n        {\n          title: \"Appetizers & Starters\",\n          content:\n            \"Bruschetta with Fresh Tomatoes - $8.99<br/>Calamari Rings with Marinara - $12.99<br/>Spinach & Artichoke Dip - $10.99<br/>Buffalo Wings (6 pieces) - $9.99\",\n          defaultOpen: true,\n        },\n        {\n          title: \"Main Courses\",\n          content:\n            \"Grilled Salmon with Herbs - $18.99<br/>Chicken Parmesan with Pasta - $16.99<br/>Ribeye Steak (12oz) - $24.99<br/>Vegetarian Lasagna - $14.99\",\n        },\n        {\n          title: \"Desserts\",\n          content:\n            \"Tiramisu - $7.99<br/>Chocolate Lava Cake - $8.99<br/>New York Cheesecake - $6.99<br/>Gelato (3 scoops) - $5.99\",\n        },\n      ],\n    },\n  },\n\n  // COURSE & EDUCATIONAL CONTENT\n  {\n    description:\n      \"Course curriculum with primary colors - Excellent for educational content and training programs\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: false,\n      colorPreset: { color: \"primary-600\" },\n      rounding: \"rounded-sm\",\n      gap: \"1px\",\n      fontSize: \"text-base\",\n      items: [\n        {\n          title: \"Week 1: Introduction to Web Development\",\n          content:\n            \"Learn the fundamentals of HTML, CSS, and basic JavaScript. Set up your development environment and create your first web page. Includes hands-on exercises and project templates.\",\n        },\n        {\n          title: \"Week 2: Responsive Design & CSS Framework\",\n          content:\n            \"Master responsive web design principles, CSS Grid, Flexbox, and popular frameworks like Bootstrap and Tailwind CSS. Build mobile-first designs that work on all devices.\",\n        },\n        {\n          title: \"Week 3: JavaScript Fundamentals\",\n          content:\n            \"Deep dive into JavaScript programming including variables, functions, objects, arrays, DOM manipulation, and event handling. Build interactive web applications.\",\n        },\n        {\n          title: \"Week 4: Modern JavaScript & APIs\",\n          content:\n            \"Learn ES6+ features, async/await, fetch API, and how to work with external APIs. Create dynamic applications that interact with real-world data sources.\",\n        },\n      ],\n    },\n  },\n\n  // SUPPORT & HELP SECTIONS\n  {\n    description: \"Support categories with sharp corners - Modern corporate style for help centers\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: false,\n      colorPreset: { color: \"primary-300\" },\n      rounding: \"rounded-none\",\n      gap: \"0px\",\n      fontSize: \"text-base\",\n      items: [\n        {\n          title: \"Account & Billing\",\n          content:\n            \"Get help with account settings, password reset, billing questions, subscription management, and payment issues. Average response time: 2 hours during business hours.\",\n        },\n        {\n          title: \"Technical Support\",\n          content:\n            \"Troubleshoot technical issues, API problems, integration questions, and performance concerns. Includes access to our knowledge base and video tutorials.\",\n        },\n        {\n          title: \"Sales & Partnerships\",\n          content:\n            \"Inquiries about enterprise solutions, custom pricing, partnership opportunities, and bulk discounts. Schedule a call with our sales team for personalized assistance.\",\n        },\n        {\n          title: \"Feature Requests\",\n          content:\n            \"Submit ideas for new features, improvements, and integrations. Our product team reviews all suggestions and provides updates on development roadmap.\",\n        },\n      ],\n    },\n  },\n\n  // PRICING & COMPARISON\n  {\n    description: \"Product pricing comparison with multiple defaults open - Perfect for plan comparisons\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: false,\n      colorPreset: { color: \"secondary-500\" },\n      rounding: \"rounded-lg\",\n      gap: \"0.5rem\",\n      fontSize: \"text-base\",\n      items: [\n        {\n          title: \"Basic Plan - $9/month\",\n          content:\n            \"✓ Up to 5 projects<br/>✓ 10GB storage<br/>✓ Email support<br/>✓ Basic analytics<br/>✓ Mobile app access<br/>✗ API access<br/>✗ Custom integrations\",\n          defaultOpen: true,\n        },\n        {\n          title: \"Pro Plan - $29/month\",\n          content:\n            \"✓ Unlimited projects<br/>✓ 100GB storage<br/>✓ Priority support<br/>✓ Advanced analytics<br/>✓ API access<br/>✓ Custom integrations<br/>✓ Team collaboration\",\n          defaultOpen: true,\n        },\n        {\n          title: \"Enterprise Plan - Custom pricing\",\n          content:\n            \"✓ Everything in Pro<br/>✓ Unlimited storage<br/>✓ Dedicated support<br/>✓ White-label options<br/>✓ SSO integration<br/>✓ Custom contracts<br/>✓ On-premise deployment\",\n        },\n      ],\n    },\n  },\n\n  // DYNAMIC CONTENT EXAMPLES\n  {\n    description: \"Dynamic team member accordion using template variables - Shows data-driven content\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: true,\n      colorPreset: { color: \"accent-400\" },\n      rounding: \"rounded-lg\",\n      gap: \"0.5rem\",\n      items: [\n        {\n          title: \"Meet {{team.leader.name}} - {{team.leader.role}}\",\n          content:\n            \"{{team.leader.bio}} <br/><br/>Experience: {{team.leader.experience}} years<br/>Email: {{team.leader.email}}<br/>Location: {{team.leader.location}}\",\n          defaultOpen: true,\n        },\n        {\n          title: \"{{team.designer.name}} - {{team.designer.role}}\",\n          content:\n            \"{{team.designer.bio}} <br/><br/>Specializes in: {{team.designer.specialties}}<br/>Portfolio: <a href='{{team.designer.portfolio}}'>View Work</a>\",\n        },\n        {\n          title: \"{{team.developer.name}} - {{team.developer.role}}\",\n          content:\n            \"{{team.developer.bio}} <br/><br/>Technologies: {{team.developer.skills}}<br/>GitHub: <a href='{{team.developer.github}}'>@{{team.developer.username}}</a>\",\n        },\n      ],\n    },\n  },\n\n  // SPECIAL STYLING VARIATIONS\n  {\n    description: \"Legal documents with dark theme and large gaps - Professional legal content presentation\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: true,\n      colorPreset: { color: \"neutral-800\" },\n      rounding: \"rounded-lg\",\n      gap: \"1.5rem\",\n      fontSize: \"text-sm\",\n      items: [\n        {\n          title: \"Terms of Service\",\n          content:\n            \"By accessing and using this website, you accept and agree to be bound by the terms and provision of this agreement. These terms apply to all visitors, users, and others who access or use the service.\",\n        },\n        {\n          title: \"Privacy Policy\",\n          content:\n            \"We collect information you provide directly to us, such as when you create an account, make a purchase, or contact us. We use this information to provide, maintain, and improve our services.\",\n        },\n        {\n          title: \"Cookie Policy\",\n          content:\n            \"We use cookies and similar tracking technologies to track activity on our service and hold certain information. You can instruct your browser to refuse all cookies or indicate when a cookie is being sent.\",\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Ultra-rounded modern design with 3xl rounding - Contemporary aesthetic for creative brands\",\n    type: \"accordion\",\n    props: {\n      restrictOneOpen: true,\n      colorPreset: { color: \"accent-300\" },\n      rounding: \"rounded-3xl\",\n      gap: \"1.5rem\",\n      fontSize: \"text-lg\",\n      items: [\n        {\n          title: \"Design Philosophy\",\n          content:\n            \"We believe in creating digital experiences that are both beautiful and functional. Our approach combines user-centered design with cutting-edge technology to deliver exceptional results.\",\n        },\n        {\n          title: \"Our Process\",\n          content:\n            \"Discovery → Strategy → Design → Development → Testing → Launch. Each phase includes client collaboration, iterative feedback, and quality assurance to ensure optimal outcomes.\",\n        },\n        {\n          title: \"Why Choose Us\",\n          content:\n            \"15+ years experience, 200+ successful projects, award-winning designs, and a commitment to excellence. We're not just service providers - we're strategic partners in your success.\",\n        },\n      ],\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,aAAa;CACb,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChB,MAAM;CAEN,cAAc;EAAE,SAAS;EAAS,QAAQ;EAAQ;CAElD,OAAO,YAAY;EACjB,OAAO,KAAK,MACV,KAAK,OAAO;GACV,OAAO,YAAY;IACjB,OAAO;IACP,SAAS;IACT,eAAe;IACf,gBAAgB;IACjB,CAAC;GACF,SAAS,YAAY;IAAE,OAAO;IAAW,SAAS;IAAgC,CAAC;GACnF,aAAa,KAAK,SAAS,QAAQ,mBAAmB,MAAM,CAAC;GAC9D,CAAC,EACF;GACE,OAAO;GACP,UAAU,EACR,UAAU,WACX;GACF,CACF;EACD,UAAU,KAAK,SAAS,SAAS,EAAE,SAAS,WAAW,CAAC,CAAC;EACzD,iBAAiB,QAAQ,6BAA6B,OAAO,EAC3D,aACE,6FACH,CAAC;EACF,KAAK,KAAK,SACR,UAAU;GACR,OAAO;GACP,aAAa;GACb,SAAS;GACT,cAAc;GACf,CAAC,CACH;EACD,UAAU,KAAK,SACb,WACE;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,EACD;GACE,OAAO;GACP,WAAW;IAAC;IAAQ;IAAQ;IAAS;IAAU;IAAS;IAAe;IAAO;IAAM;GACpF,kBAAkB;GAClB,YAAY;GACZ,cAAc;GACd,cAAc;GACd,SAAS;GACV,CACF,CACF;EACD,aAAa,KAAK,SAChB,YAAY;GACV,OAAO;GACP,SAAS,EAAE,OAAO,2CAA2C;GAC9D,CAAC,CACH;EACD,MAAM,KAAK,SAAS,MAAM,CAAC;EAC5B,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAEhD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,eAAe;GACrC,UAAU;GACV,KAAK;GACL,OAAO;IACL;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,iBAAiB;GACvC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,eAAe;GACrC,UAAU;GACV,UAAU;GACV,KAAK;GACL,OAAO;IACL;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aACE;EACF,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,cAAc;GACpC,UAAU;GACV,KAAK;GACL,OAAO;IACL;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aACE;EACF,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,eAAe;GACrC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,eAAe;GACrC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,iBAAiB;GACvC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,cAAc;GACpC,UAAU;GACV,KAAK;GACL,OAAO;IACL;KACE,OAAO;KACP,SACE;KACF,aAAa;KACd;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAGD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,eAAe;GACrC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,iBAAiB;GACjB,aAAa,EAAE,OAAO,cAAc;GACpC,UAAU;GACV,KAAK;GACL,UAAU;GACV,OAAO;IACL;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACD;KACE,OAAO;KACP,SACE;KACH;IACF;GACF;EACF;CACF"}

package/dist/shared/bricks/manifests/all-manifests.d.ts

@@ -1,12 +1,17 @@
-import { type BrickDefaults, type BrickManifest } from "../../brick-manifest";
-import type { Static } from "@sinclair/typebox";
-export declare const manifests: Record<string, BrickManifest>;
-export declare const defaultProps: Record<keyof typeof manifests, BrickDefaults>;
-export declare const brickTypes: import("@sinclair/typebox").TUnsafe<string>;
-export type BrickType = Static<typeof brickTypes>;
-export declare const examples: Record<string, {
-    description: string;
-    type: string;
-    props: any;
+import { BrickDefaults, BrickManifest } from "../../brick-manifest.js";
+import * as _sinclair_typebox2333 from "@sinclair/typebox";
+import { Static } from "@sinclair/typebox";
+
+//#region src/shared/bricks/manifests/all-manifests.d.ts
+declare const manifests: Record<string, BrickManifest>;
+declare const defaultProps: Record<keyof typeof manifests, BrickDefaults>;
+declare const brickTypes: _sinclair_typebox2333.TUnsafe<string>;
+type BrickType = Static<typeof brickTypes>;
+declare const examples: Record<string, {
+  description: string;
+  type: string;
+  props: any;
 }[]>;
+//#endregion
+export { BrickType, brickTypes, defaultProps, examples, manifests };
 //# sourceMappingURL=all-manifests.d.ts.map

package/dist/shared/bricks/manifests/all-manifests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-manifests.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/all-manifests.ts"],"names":[],"mappings":"AAuBA,OAAO,EAA4B,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAwBnD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,OAAO,SAAS,EAAE,aAAa,CAwBtE,CAAC;AAGF,eAAO,MAAM,UAAU,6CA2BtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAGlD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,EAAE,CAwBxF,CAAC"}
+{"version":3,"file":"all-manifests.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/all-manifests.ts"],"sourcesContent":[],"mappings":";;;;;cA2Ba,WAAW,eAAe;cA0B1B,cAAc,oBAAoB,WAAW;cA2B7C,YA2BZ,qBAAA,CA3BsB;AArDV,KAkFD,SAAA,GAAY,MA1DvB,CAAA,OA0DqC,UA1DrC,CAAA;AAAA,cA6DY,QA7DZ,EA6DsB,MA7DtB,CAAA,MAAA,EAAA;aAxBsC,EAAA,MAAA;MAAf,EAAA,MAAA;EAAM,KAAA,EAAA,GAAA;AA0B9B,CAAA,EAAA,CAAa"}