@upstart.gg/sdk 0.0.134 → 0.0.135

package/dist/shared/chunk-EQMU6NIU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks.ts"],"sourcesContent":["import { Type, type Static, type TObject } from \"@sinclair/typebox\";\nimport { customAlphabet } from \"nanoid\";\nimport { brickTypes, defaultProps } from \"./bricks/manifests/all-manifests\";\nimport { cssLengthRef } from \"./bricks/props/css-length\";\nimport { colorPresetRef } from \"./bricks/props/color-preset\";\nimport { mergeIgnoringArrays } from \"./utils/merge\";\nimport { getSchemaDefaults } from \"./utils/schema\";\nimport { StringEnum } from \"./utils/string-enum\";\nimport { alignItemsRef, justifyContentRef } from \"./bricks/props/align\";\nimport type { CommonBrickProps } from \"./bricks/props/common\";\nimport { directionRef } from \"./bricks/props/direction\";\nimport type { PageAttributes, SiteAttributes } from \"./attributes\";\nimport { toLLMSchema } from \"./utils/llm\";\nimport { backgroundRef } from \"./bricks/props/background\";\n\n/**\n * Generates a unique identifier for bricks.\n */\nexport const generateId = customAlphabet(\"azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN\", 7);\n\nconst brickAbsolutePositionSchema = Type.Object({\n  left: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The left position in css unit.\",\n    }),\n  ),\n  top: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The top position in css unit.\",\n    }),\n  ),\n  right: Type.Optional(\n    Type.String({\n      title: \"right\",\n      description: \"The right position in css unit.\",\n    }),\n  ),\n  bottom: Type.Optional(\n    Type.String({\n      title: \"bottom\",\n      description: \"The bottom position in css unit.\",\n    }),\n  ),\n  inset: Type.Optional(\n    Type.String({\n      title: \"inset\",\n      description: \"The inset position in css unit.\",\n    }),\n  ),\n  translateX: Type.Optional(\n    Type.String({\n      title: \"translateX\",\n      description: \"The translateX position in css unit.\",\n    }),\n  ),\n  translateY: Type.Optional(\n    Type.String({\n      title: \"translateY\",\n      description: \"The translateY position in css unit.\",\n    }),\n  ),\n  rotate: Type.Optional(\n    Type.String({\n      title: \"rotate\",\n      description: \"The rotate position in css unit.\",\n    }),\n  ),\n});\n\nexport type BrickAbsolutePosition = Static<typeof brickAbsolutePositionSchema>;\n\nexport const brickTypeSchema = StringEnum(Object.keys(defaultProps), {\n  title: \"Brick type\",\n});\n\nexport const brickSchema = Type.Object(\n  {\n    id: Type.String({\n      title: \"ID\",\n      description: \"A unique identifier for the brick.\",\n    }),\n    type: brickTypeSchema,\n    label: Type.Optional(\n      Type.String({\n        title: \"Label\",\n        description: \"A human-readable label for the brick. Used for organization and identification.\",\n      }),\n    ),\n    props: Type.Any({\n      title: \"Props\",\n      description: \"The static props of the brick. The available props depends on the brick type.\",\n    }),\n    mobileProps: Type.Optional(\n      Type.Any({\n        title: \"Props\",\n        description:\n          \"The overriden props for mobile, merged with desktop props. Same type as props but partial.\",\n      }),\n    ),\n  },\n  { additionalProperties: true },\n);\n\nexport function makeFullBrickSchemaForLLM(type: string, props: TObject) {\n  return toLLMSchema(\n    Type.Object(\n      {\n        id: Type.String({\n          title: \"ID\",\n          description: \"A unique identifier for the brick.\",\n        }),\n        type: Type.Literal(type),\n        props,\n        mobileProps: Type.Optional(Type.Partial(props)),\n      },\n      { additionalProperties: false },\n    ),\n  );\n}\n\nexport type Brick = Omit<Static<typeof brickSchema>, \"props\" | \"mobileProps\"> & {\n  props: CommonBrickProps & Record<string, unknown>;\n  mobileProps?: CommonBrickProps & Record<string, unknown>;\n};\n\nexport const sectionProps = Type.Object(\n  {\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    backgroundImage: Type.Optional(\n      backgroundRef({\n        title: \"Background\",\n        description:\n          \"The background image of the section. Prefer to set background images on sections rather than on individual bricks.\",\n      }),\n    ),\n    direction: directionRef({\n      default: \"flex-row\",\n      title: \"Direction\",\n      description: \"The direction of the section. Only apply to desktop. On mobile, it is always vertical.\",\n      \"ui:responsive\": \"desktop\",\n    }),\n    minHeight: Type.Optional(\n      cssLengthRef({\n        title: \"Min height\",\n        default: \"fit-content\",\n        description:\n          \"The min height of the section. default is 'fit-content'. You can also use  the keyword 'full' to make it full viewport height. Lastly, you can use any valid CSS length unit.\",\n        \"ui:field\": \"hidden\",\n      }),\n    ),\n    variant: Type.Optional(\n      StringEnum([\"navbar\", \"footer\", \"sidebar\"], {\n        title: \"Custom section variant\",\n        description: \"Used for custom styling and layout.\",\n        enumNames: [\"Navbar\", \"Footer\", \"Sidebar\"],\n        \"ui:field\": \"hidden\",\n        \"ai:hidden\": true,\n      }),\n    ),\n    maxWidth: Type.Optional(\n      StringEnum([\"max-w-screen-lg\", \"max-w-screen-xl\", \"max-w-screen-2xl\", \"max-w-full\"], {\n        title: \"Max width\",\n        default: \"max-w-full\",\n        enumNames: [\"M\", \"L\", \"XL\", \"Full\"],\n        description: \"The maximum width of the section. Desktop only\",\n        \"ai:instructions\":\n          \"Choose the most appropriate max width for the section. The value 'max-w-full' is the most common and the default. Use the same value for all sections on the same page unless there is a good reason to do otherwise.\",\n        displayAs: \"button-group\",\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    verticalMargin: Type.Optional(\n      cssLengthRef({\n        title: \"Vertical Margin\",\n        description:\n          \"The vertical margin of the section. By default, all sections touch each other with no space in between. If you want to add space between sections, set this value to e.g. '2rem' or '32px'. Adding a vertical margin will reveal the background color of the page.\",\n        default: \"0\",\n        \"ui:styleId\": \"styles:verticalMargin\",\n      }),\n    ),\n    justifyContent: Type.Optional(\n      justifyContentRef({\n        default: \"justify-center\",\n      }),\n    ),\n    alignItems: Type.Optional(\n      alignItemsRef({\n        default: \"items-center\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"2rem\",\n        description: \"Padding inside the section.\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLengthRef({\n        title: \"Gap\",\n        description: \"The gap between the bricks in the section.\",\n        default: \"20px\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    wrap: Type.Optional(\n      Type.Boolean({\n        title: \"Wrap\",\n        description: \"Wrap bricks if they overflow the section.\",\n        default: true,\n        \"ui:styleId\": \"styles:wrap\",\n      }),\n    ),\n    lastTouched: Type.Optional(\n      Type.Number({\n        description: \"Do not use this field. It is used internally by the editor.\",\n        \"ui:field\": \"hidden\",\n        \"ai:hidden\": true,\n      }),\n    ),\n  },\n  {\n    additionalProperties: false,\n  },\n);\n\nexport const sectionSchema = Type.Object(\n  {\n    id: Type.String({\n      description: \"The unique ID of the section. Use a human readable url-safe slug\",\n      examples: [\"content-section\", \"contact-section\"],\n    }),\n    label: Type.String({\n      description: \"The label of the section. Shown only to the website owner, not public.\",\n      examples: [\"Content\", \"Contact\"],\n    }),\n    order: Type.Number({\n      description: \"Determines section order in the page (lower numbers appear first). 0-based\",\n    }),\n    props: sectionProps,\n    mobileProps: Type.Optional(Type.Partial(sectionProps, { additionalProperties: false })),\n    bricks: Type.Array(brickSchema),\n  },\n  {\n    description: \"Sections are direct children of the page that are stacked vertically.\",\n  },\n);\n\nexport const sectionSchemaLLM = toLLMSchema(sectionSchema);\nexport const sectionSchemaNoBricks = Type.Omit(sectionSchema, [\"bricks\"]);\nexport const sectionSchemaNoBricksLLM = toLLMSchema(sectionSchemaNoBricks);\n\nconst sectionDefaultprops = getSchemaDefaults(sectionSchema.properties.props, \"desktop\") as Section[\"props\"];\nconst sectionMobileDefaultprops = getSchemaDefaults(\n  sectionSchema.properties.mobileProps,\n  \"mobile\",\n) as Section[\"mobileProps\"];\n\nexport type Section = Static<typeof sectionSchema>;\n\nexport function processSections(\n  sections: Section[],\n  siteAttributes: SiteAttributes,\n  pageAttributes: PageAttributes,\n): Section[] {\n  const processSection = (section: Section) => {\n    return {\n      ...section,\n      props: mergeIgnoringArrays({} as Section[\"props\"], sectionDefaultprops, section.props),\n      mobileProps: mergeIgnoringArrays({}, sectionMobileDefaultprops, section.mobileProps || {}),\n      bricks: section.bricks.map(processBrick).filter(Boolean) as Brick[],\n    } as const;\n  };\n\n  const finalSections = sections.map(processSection);\n\n  if (siteAttributes.navbar && !pageAttributes.noNavbar) {\n    finalSections.unshift(\n      processSection({\n        order: -1,\n        id: \"navbar-section\",\n        label: \"Navbar\",\n        props: {\n          variant: \"navbar\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"navbar\",\n            type: \"navbar\",\n            props: siteAttributes.navbar,\n          },\n        ],\n      }),\n    );\n  }\n  if (siteAttributes.footer && !pageAttributes.noFooter) {\n    finalSections.push(\n      processSection({\n        order: 1000,\n        id: \"footer-section\",\n        label: \"Footer\",\n        props: {\n          variant: \"footer\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"footer\",\n            type: \"footer\",\n            props: siteAttributes.footer,\n          },\n        ],\n      }),\n    );\n  }\n\n  return finalSections satisfies Section[];\n}\n\n/**\n *  process a brick and add default props\n */\nexport function processBrick<T extends Brick>(brick: T): T {\n  const defProps = defaultProps[brick.type];\n  // if (!defProps) {\n  //   console.warn(`No default props found for brick type: ${brick.type}`);\n  //   return false; // or throw an error if you prefer\n  // }\n  const result = {\n    ...brick,\n    props: mergeIgnoringArrays({} as Brick[\"props\"], defProps.props, {\n      ...brick.props,\n      ...(brick.props.$children\n        ? { $children: (brick.props.$children as T[]).map(processBrick).filter(Boolean) }\n        : {}),\n    }),\n  };\n\n  if (!result.props.width) {\n    result.props.grow = true;\n  }\n\n  return result;\n}\n\nexport function createEmptyBrick(type: string, ghost = false): Brick {\n  const props = { ...defaultProps[type].props, ghost };\n  const newBrick = {\n    id: `b-${generateId()}`,\n    type,\n    props,\n  };\n  return newBrick;\n}\n\nexport const sectionsExamples: { label: string; description: string; example: Section }[] = [\n  {\n    label: \"Hero section with centered 'hero' and 'button' bricks\",\n    description: `A simple hero section with a title and a light primary background.\nThe \"hero\" brick does not have a colorPreset so it is transparent and inherits the background/text-color settings from the section.\nBricks are centered both vertically and horizontally using justifyContent and alignItems.\nBricks are stacked vertically using the \"direction\" set to \"flex-col\".\n`,\n    example: {\n      id: \"hero-section\",\n      label: \"Hero\",\n      order: 0,\n      props: {\n        colorPreset: { color: \"primary-100\" },\n        direction: \"flex-col\",\n        padding: \"6rem\",\n        gap: \"3rem\",\n        justifyContent: \"justify-center\",\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"hero\",\n          type: \"hero\",\n          label: \"Main hero title\",\n          props: {\n            content: \"<h1 style='text-align:center'>Welcome to my SaaS</h1>\",\n            tagline: \"The future of productivity starts here\",\n          },\n        },\n        {\n          id: \"cta-button\",\n          type: \"button\",\n          label: \"Call to action button\",\n          props: {\n            label: \"Get Started\",\n            href: \"/signup\",\n            colorPreset: { color: \"primary-500\", variant: \"solid\" },\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Contact section with a text and a form\",\n    description: `A contact section with a title and a form.\nThe section has a light gray background using a colorPreset.\nBricks are stacked vertically using the \"direction\" set to \"flex-col\".\n`,\n    example: {\n      id: \"contact-section\",\n      label: \"Contact\",\n      order: 1,\n      props: {\n        colorPreset: { color: \"gray-100\" },\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"2rem\",\n        justifyContent: \"justify-center\",\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"contact-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2>Get in Touch</h2>\",\n          },\n        },\n        {\n          id: \"contact-form\",\n          type: \"form\",\n          props: {\n            title: \"Contact Us\",\n            fields: [\n              { name: \"name\", label: \"Name\", type: \"text\", required: true },\n              { name: \"email\", label: \"Email\", type: \"email\", required: true },\n              { name: \"message\", label: \"Message\", type: \"textarea\", required: true },\n            ],\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Feature showcase with horizontal layout and container brick\",\n    description: `A features section using horizontal layout with a container \"box\" brick that holds multiple feature items.\nThe box brick is the only container type that can hold $children (other bricks).\nThis demonstrates nested brick structure where the box contains multiple feature bricks.`,\n    example: {\n      id: \"features-section\",\n      label: \"Features\",\n      order: 2,\n      props: {\n        direction: \"flex-col\",\n        padding: \"5rem\",\n        gap: \"3rem\",\n        maxWidth: \"max-w-screen-xl\",\n        justifyContent: \"justify-center\",\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"features-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2 style='text-align:center'>Our Features</h2>\",\n          },\n        },\n        {\n          id: \"features-container\",\n          type: \"box\",\n          props: {\n            direction: \"flex-row\",\n            gap: \"2rem\",\n            padding: \"2rem\",\n            $children: [\n              {\n                id: \"feature-1\",\n                type: \"text\",\n                props: {\n                  content: \"<h3>Fast</h3><p>Lightning-fast performance for your needs.</p>\",\n                  colorPreset: { color: \"blue-500\" },\n                },\n              },\n              {\n                id: \"feature-2\",\n                type: \"text\",\n                props: {\n                  content: \"<h3>Secure</h3><p>Enterprise-grade security built-in.</p>\",\n                  colorPreset: { color: \"green-500\" },\n                },\n              },\n              {\n                id: \"feature-3\",\n                type: \"text\",\n                props: {\n                  content: \"<h3>Scalable</h3><p>Grows with your business seamlessly.</p>\",\n                  colorPreset: { color: \"purple-500\" },\n                },\n              },\n            ],\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Media-rich section with image and text side by side\",\n    description: `A content section using horizontal layout to place an image next to text content.\nDemonstrates how direction \"flex-row\" arranges bricks horizontally.\nThe section uses responsive mobile overrides to stack vertically on mobile.`,\n    example: {\n      id: \"about-section\",\n      label: \"About\",\n      order: 3,\n      props: {\n        direction: \"flex-row\",\n        padding: \"4rem\",\n        gap: \"3rem\",\n        alignItems: \"items-center\",\n        maxWidth: \"max-w-screen-xl\",\n      },\n      mobileProps: {\n        direction: \"flex-col\",\n        padding: \"2rem\",\n      },\n      bricks: [\n        {\n          id: \"about-image\",\n          type: \"image\",\n          props: {\n            src: \"https://example.com/about-image.jpg\",\n            alt: \"About our company\",\n            width: \"400px\",\n            height: \"300px\",\n          },\n        },\n        {\n          id: \"about-text\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h2>About Us</h2><p>We are a leading company in innovative solutions, dedicated to transforming how businesses operate in the digital age.</p>\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Complex nested layout with multiple container levels\",\n    description: `Advanced example showing deeply nested brick structure using multiple box containers.\nDemonstrates how box bricks can contain other box bricks, creating sophisticated layouts.\nShows responsive design with different mobile arrangements.`,\n    example: {\n      id: \"complex-layout-section\",\n      label: \"Complex layout\",\n      order: 4,\n      props: {\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"2rem\",\n        backgroundImage: { image: \"https://example.com/bg.jpg\" },\n      },\n      bricks: [\n        {\n          id: \"main-container\",\n          type: \"box\",\n          props: {\n            direction: \"flex-row\",\n            gap: \"2rem\",\n            padding: \"2rem\",\n            $children: [\n              {\n                id: \"left-column\",\n                type: \"box\",\n                props: {\n                  direction: \"flex-col\",\n                  gap: \"1rem\",\n                  colorPreset: { color: \"gray-50\" },\n                  padding: \"1.5rem\",\n                  $children: [\n                    {\n                      id: \"left-title\",\n                      type: \"text\",\n                      props: {\n                        content: \"<h3>Left Column</h3>\",\n                      },\n                    },\n                    {\n                      id: \"left-button\",\n                      type: \"button\",\n                      props: {\n                        label: \"Learn More\",\n                        href: \"/learn\",\n                        colorPreset: { color: \"blue-500\", variant: \"outline\" },\n                      },\n                    },\n                  ],\n                },\n              },\n              {\n                id: \"right-column\",\n                type: \"box\",\n                props: {\n                  direction: \"flex-col\",\n                  gap: \"1rem\",\n                  colorPreset: { color: \"blue-50\" },\n                  padding: \"1.5rem\",\n                  $children: [\n                    {\n                      id: \"right-image\",\n                      type: \"image\",\n                      props: {\n                        src: \"https://example.com/feature.jpg\",\n                        alt: \"Feature showcase\",\n                        width: \"100%\",\n                      },\n                    },\n                    {\n                      id: \"right-text\",\n                      type: \"text\",\n                      props: {\n                        content: \"<p>Detailed description of our amazing features and capabilities.</p>\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n            mobileProps: {\n              direction: \"flex-col\",\n            },\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Footer-style section with multiple columns\",\n    description: `A footer-like section demonstrating horizontal layout with multiple informational columns.\nUses the footer variant for special styling and contains multiple text bricks arranged horizontally.\nShows how to create multi-column layouts using direction and gap properties.`,\n    example: {\n      id: \"info-footer-section\",\n      label: \"Info footer\",\n      order: 5,\n      props: {\n        variant: \"footer\",\n        direction: \"flex-row\",\n        padding: \"3rem\",\n        gap: \"4rem\",\n        colorPreset: { color: \"gray-800\" },\n        justifyContent: \"justify-center\",\n      },\n      mobileProps: {\n        direction: \"flex-col\",\n        gap: \"2rem\",\n      },\n      bricks: [\n        {\n          id: \"company-info\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h4 style='color:white'>Company</h4><p style='color:gray'>About Us<br>Careers<br>Contact</p>\",\n          },\n        },\n        {\n          id: \"product-info\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h4 style='color:white'>Product</h4><p style='color:gray'>Features<br>Pricing<br>Documentation</p>\",\n          },\n        },\n        {\n          id: \"support-info\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h4 style='color:white'>Support</h4><p style='color:gray'>Help Center<br>Community<br>Status</p>\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Video showcase section with title and description\",\n    description: `A media section featuring a YouTube video with accompanying text.\nShows how to use video bricks for multimedia content.\nThe section uses a light background to make the video stand out.`,\n    example: {\n      id: \"video-showcase-section\",\n      label: \"Video showcase\",\n      order: 6,\n      props: {\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"2rem\",\n        colorPreset: { color: \"gray-50\" },\n        alignItems: \"items-center\",\n        maxWidth: \"max-w-screen-lg\",\n      },\n      bricks: [\n        {\n          id: \"video-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2 style='text-align:center'>Watch Our Demo</h2>\",\n          },\n        },\n        {\n          id: \"demo-video\",\n          type: \"video\",\n          props: {\n            url: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n            title: \"Product Demo Video\",\n          },\n        },\n        {\n          id: \"video-description\",\n          type: \"text\",\n          props: {\n            content:\n              \"<p style='text-align:center'>See how our platform can transform your workflow in just 2 minutes.</p>\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Image gallery section with carousel\",\n    description: `A media-rich section showcasing an image carousel.\nDemonstrates how to use carousel bricks for displaying multiple images.\nPerfect for portfolios, product showcases, or photo galleries.`,\n    example: {\n      id: \"gallery-section\",\n      label: \"Gallery\",\n      order: 7,\n      props: {\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"2rem\",\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"gallery-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2 style='text-align:center'>Our Portfolio</h2>\",\n          },\n        },\n        {\n          id: \"portfolio-carousel\",\n          type: \"carousel\",\n          props: {\n            images: [\n              { src: \"https://example.com/project1.jpg\", alt: \"Project 1\" },\n              { src: \"https://example.com/project2.jpg\", alt: \"Project 2\" },\n              { src: \"https://example.com/project3.jpg\", alt: \"Project 3\" },\n            ],\n            autoplay: true,\n            showDots: true,\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Interactive form section with styled inputs\",\n    description: `A comprehensive form section for user registration or contact.\nShows how to create forms with various field types and validation.\nUses a card-like appearance with rounded corners and shadow.`,\n    example: {\n      id: \"signup-form-section\",\n      label: \"Signup form\",\n      order: 8,\n      props: {\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"2rem\",\n        colorPreset: { color: \"blue-50\" },\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"form-header\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h2 style='text-align:center'>Join Our Platform</h2><p style='text-align:center'>Create your account and start building today.</p>\",\n          },\n        },\n        {\n          id: \"registration-form\",\n          type: \"form\",\n          props: {\n            title: \"Sign Up\",\n            submitLabel: \"Create Account\",\n            fields: [\n              { name: \"firstName\", label: \"First Name\", type: \"text\", required: true },\n              { name: \"lastName\", label: \"Last Name\", type: \"text\", required: true },\n              { name: \"email\", label: \"Email Address\", type: \"email\", required: true },\n              { name: \"password\", label: \"Password\", type: \"password\", required: true },\n              { name: \"company\", label: \"Company\", type: \"text\", required: false },\n              { name: \"newsletter\", label: \"Subscribe to newsletter\", type: \"checkbox\", required: false },\n            ],\n            colorPreset: { color: \"white\" },\n            shadow: \"shadow-lg\",\n            rounding: \"rounded-lg\",\n            padding: \"2rem\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Testimonials section with customer feedback\",\n    description: `A social proof section using the testimonials brick to display customer feedback.\nShows how to structure testimonials with avatars, company information, and social icons.\nPerfect for building trust and credibility with potential customers.`,\n    example: {\n      id: \"testimonials-section\",\n      label: \"Testimonials\",\n      order: 9,\n      props: {\n        direction: \"flex-col\",\n        padding: \"5rem\",\n        gap: \"3rem\",\n        colorPreset: { color: \"purple-50\" },\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"testimonials-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2 style='text-align:center'>What Our Customers Say</h2>\",\n          },\n        },\n        {\n          id: \"customer-testimonials\",\n          type: \"testimonials\",\n          props: {\n            testimonials: [\n              {\n                text: \"This platform has completely transformed how we handle our projects. The automation features and intuitive interface have saved us countless hours every week.\",\n                author: \"Sarah Johnson\",\n                company: \"TechCorp Solutions\",\n                avatar: {\n                  src: \"https://via.placeholder.com/80x80.png?text=SJ\",\n                  alt: \"Sarah Johnson profile photo\",\n                },\n                socialIcon: \"mdi:linkedin\",\n              },\n              {\n                text: \"Outstanding customer support and regular feature updates. We've been using this for over a year and it keeps getting better. Highly recommend!\",\n                author: \"Mike Chen\",\n                company: \"StartupFlow\",\n                avatar: {\n                  src: \"https://via.placeholder.com/80x80.png?text=MC\",\n                  alt: \"Mike Chen profile photo\",\n                },\n                socialIcon: \"mdi:twitter\",\n              },\n              {\n                text: \"The results speak for themselves - our productivity increased by 40% after implementing this solution. It's like having an extra team member.\",\n                author: \"Emily Rodriguez\",\n                company: \"Digital Agency Pro\",\n                avatar: {\n                  src: \"https://via.placeholder.com/80x80.png?text=ER\",\n                  alt: \"Emily Rodriguez profile photo\",\n                },\n                socialIcon: \"mdi:briefcase\",\n              },\n            ],\n            colorPreset: { color: \"white\" },\n            shadow: \"shadow-lg\",\n            padding: \"2rem\",\n            gap: \"2rem\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Location and contact information with map\",\n    description: `A contact section featuring an interactive map alongside contact details.\nShows how to combine map bricks with text and contact information.\nPerfect for businesses with physical locations.`,\n    example: {\n      id: \"location-section\",\n      label: \"Location\",\n      order: 10,\n      props: {\n        direction: \"flex-row\",\n        padding: \"4rem\",\n        gap: \"3rem\",\n        alignItems: \"items-start\",\n      },\n      mobileProps: {\n        direction: \"flex-col\",\n      },\n      bricks: [\n        {\n          id: \"contact-details\",\n          type: \"box\",\n          props: {\n            direction: \"flex-col\",\n            gap: \"2rem\",\n            padding: \"2rem\",\n            colorPreset: { color: \"gray-50\" },\n            rounding: \"rounded-lg\",\n            $children: [\n              {\n                id: \"office-title\",\n                type: \"text\",\n                props: {\n                  content: \"<h3>Visit Our Office</h3>\",\n                },\n              },\n              {\n                id: \"address\",\n                type: \"text\",\n                props: {\n                  content:\n                    \"<p><strong>Address:</strong><br>123 Business Street<br>Suite 100<br>San Francisco, CA 94105</p>\",\n                },\n              },\n              {\n                id: \"contact-info\",\n                type: \"text\",\n                props: {\n                  content:\n                    \"<p><strong>Phone:</strong> +1 (555) 123-4567<br><strong>Email:</strong> hello@company.com</p>\",\n                },\n              },\n              {\n                id: \"hours\",\n                type: \"text\",\n                props: {\n                  content:\n                    \"<p><strong>Business Hours:</strong><br>Monday - Friday: 9:00 AM - 6:00 PM<br>Saturday: 10:00 AM - 4:00 PM</p>\",\n                },\n              },\n            ],\n          },\n        },\n        {\n          id: \"office-map\",\n          type: \"map\",\n          props: {\n            address: \"123 Business Street, San Francisco, CA 94105\",\n            zoom: 15,\n            height: \"400px\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Statistics showcase with icons and numbers\",\n    description: `A metrics section displaying key statistics using icon and text bricks.\nDemonstrates how to create compelling data visualizations.\nUses horizontal layout with consistent spacing and visual hierarchy.`,\n    example: {\n      id: \"stats-section\",\n      label: \"Stats\",\n      order: 11,\n      props: {\n        direction: \"flex-col\",\n        padding: \"5rem\",\n        gap: \"3rem\",\n        colorPreset: { color: \"gradient\", gradientDirection: \"bg-gradient-to-r\" },\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"stats-title\",\n          type: \"text\",\n          props: {\n            content: \"<h2 style='text-align:center; color:white'>Our Impact</h2>\",\n          },\n        },\n        {\n          id: \"stats-container\",\n          type: \"box\",\n          props: {\n            direction: \"flex-row\",\n            gap: \"4rem\",\n            justifyContent: \"justify-center\",\n            $children: [\n              {\n                id: \"users-stat\",\n                type: \"box\",\n                props: {\n                  direction: \"flex-col\",\n                  gap: \"1rem\",\n                  alignItems: \"items-center\",\n                  $children: [\n                    {\n                      id: \"users-icon\",\n                      type: \"icon\",\n                      props: {\n                        icon: \"users\",\n                        size: \"3rem\",\n                        color: \"white\",\n                      },\n                    },\n                    {\n                      id: \"users-number\",\n                      type: \"text\",\n                      props: {\n                        content:\n                          \"<h3 style='color:white; text-align:center'>50K+</h3><p style='color:white; text-align:center'>Active Users</p>\",\n                      },\n                    },\n                  ],\n                },\n              },\n              {\n                id: \"projects-stat\",\n                type: \"box\",\n                props: {\n                  direction: \"flex-col\",\n                  gap: \"1rem\",\n                  alignItems: \"items-center\",\n                  $children: [\n                    {\n                      id: \"projects-icon\",\n                      type: \"icon\",\n                      props: {\n                        icon: \"briefcase\",\n                        size: \"3rem\",\n                        color: \"white\",\n                      },\n                    },\n                    {\n                      id: \"projects-number\",\n                      type: \"text\",\n                      props: {\n                        content:\n                          \"<h3 style='color:white; text-align:center'>100K+</h3><p style='color:white; text-align:center'>Projects Created</p>\",\n                      },\n                    },\n                  ],\n                },\n              },\n              {\n                id: \"satisfaction-stat\",\n                type: \"box\",\n                props: {\n                  direction: \"flex-col\",\n                  gap: \"1rem\",\n                  alignItems: \"items-center\",\n                  $children: [\n                    {\n                      id: \"satisfaction-icon\",\n                      type: \"icon\",\n                      props: {\n                        icon: \"star\",\n                        size: \"3rem\",\n                        color: \"white\",\n                      },\n                    },\n                    {\n                      id: \"satisfaction-number\",\n                      type: \"text\",\n                      props: {\n                        content:\n                          \"<h3 style='color:white; text-align:center'>98%</h3><p style='color:white; text-align:center'>Satisfaction Rate</p>\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n            mobileProps: {\n              direction: \"flex-col\",\n              gap: \"2rem\",\n            },\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Social links and newsletter signup\",\n    description: `A community engagement section combining social media links with newsletter signup.\nShows how to use social-links bricks and forms together.\nCreates a cohesive call-to-action for community building.`,\n    example: {\n      id: \"community-section\",\n      label: \"Community\",\n      order: 12,\n      props: {\n        direction: \"flex-col\",\n        padding: \"4rem\",\n        gap: \"3rem\",\n        colorPreset: { color: \"indigo-100\" },\n        alignItems: \"items-center\",\n        maxWidth: \"max-w-full\",\n      },\n      bricks: [\n        {\n          id: \"community-title\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h2 style='text-align:center'>Stay Connected</h2><p style='text-align:center'>Join our community and never miss an update.</p>\",\n          },\n        },\n        {\n          id: \"social-links\",\n          type: \"social-links\",\n          props: {\n            links: [\n              { platform: \"twitter\", url: \"https://twitter.com/company\" },\n              { platform: \"linkedin\", url: \"https://linkedin.com/company/company\" },\n              { platform: \"github\", url: \"https://github.com/company\" },\n              { platform: \"youtube\", url: \"https://youtube.com/company\" },\n            ],\n            size: \"large\",\n            style: \"filled\",\n          },\n        },\n        {\n          id: \"newsletter-form\",\n          type: \"form\",\n          props: {\n            title: \"Subscribe to Our Newsletter\",\n            subtitle: \"Get weekly updates and exclusive content delivered to your inbox.\",\n            submitLabel: \"Subscribe\",\n            fields: [\n              {\n                name: \"email\",\n                label: \"Email Address\",\n                type: \"email\",\n                required: true,\n                placeholder: \"your@email.com\",\n              },\n            ],\n            colorPreset: { color: \"white\" },\n            rounding: \"rounded-lg\",\n            padding: \"2rem\",\n            shadow: \"shadow-md\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    label: \"Pricing table with multiple options\",\n    description: `A pricing section using card bricks to create a comparison table.\nDemonstrates how to structure pricing tiers with different features.\nUses consistent styling with highlighted premium option.`,\n    example: {\n      id: \"pricing-section\",\n      label: \"Pricing\",\n      order: 13,\n      props: {\n        direction: \"flex-col\",\n        padding: \"5rem\",\n        gap: \"3rem\",\n        alignItems: \"items-center\",\n      },\n      bricks: [\n        {\n          id: \"pricing-header\",\n          type: \"text\",\n          props: {\n            content:\n              \"<h2 style='text-align:center'>Choose Your Plan</h2><p style='text-align:center'>Select the perfect plan for your needs.</p>\",\n          },\n        },\n        {\n          id: \"pricing-cards\",\n          type: \"box\",\n          props: {\n            direction: \"flex-row\",\n            gap: \"2rem\",\n            justifyContent: \"justify-center\",\n            $children: [\n              {\n                id: \"basic-plan\",\n                type: \"card\",\n                props: {\n                  title: \"Basic\",\n                  subtitle: \"$9/month\",\n                  content: \"• 5 Projects<br>• 10GB Storage<br>• Email Support<br>• Basic Templates\",\n                  colorPreset: { color: \"white\" },\n                  border: { width: \"border-2\", color: \"border-gray-200\" },\n                  rounding: \"rounded-lg\",\n                  padding: \"2rem\",\n                  shadow: \"shadow-md\",\n                },\n              },\n              {\n                id: \"pro-plan\",\n                type: \"card\",\n                props: {\n                  title: \"Pro\",\n                  subtitle: \"$29/month\",\n                  content:\n                    \"• Unlimited Projects<br>• 100GB Storage<br>• Priority Support<br>• Premium Templates<br>• Advanced Analytics\",\n                  colorPreset: { color: \"blue-500\" },\n                  rounding: \"rounded-lg\",\n                  padding: \"2rem\",\n                  shadow: \"shadow-lg\",\n                  border: { width: \"border-2\", color: \"border-blue-400\" },\n                },\n              },\n              {\n                id: \"enterprise-plan\",\n                type: \"card\",\n                props: {\n                  title: \"Enterprise\",\n                  subtitle: \"Custom\",\n                  content:\n                    \"• Everything in Pro<br>• Unlimited Storage<br>• 24/7 Phone Support<br>• Custom Integrations<br>• Dedicated Account Manager\",\n                  colorPreset: { color: \"white\" },\n                  border: { width: \"border-2\", color: \"border-gray-200\" },\n                  rounding: \"rounded-lg\",\n                  padding: \"2rem\",\n                  shadow: \"shadow-md\",\n                },\n              },\n            ],\n            mobileProps: {\n              direction: \"flex-col\",\n            },\n          },\n        },\n      ],\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-EWSPTRDL.js

@@ -0,0 +1,378 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-TB3X4LRQ.js";
+import {
+  textContentRef
+} from "./chunk-F22LDHEO.js";
+import {
+  shadowRef,
+  textShadowRef
+} from "./chunk-TNMNMYOB.js";
+import {
+  borderRef,
+  roundingRef
+} from "./chunk-NTLAKMMQ.js";
+import {
+  colorPresetRef
+} from "./chunk-TFGGYU6Y.js";
+import {
+  cssLengthRef
+} from "./chunk-BPBKHEQ5.js";
+import {
+  alignItemsRef,
+  justifyContentRef
+} from "./chunk-ZLYIRH2B.js";
+
+// src/shared/bricks/manifests/hero.manifest.ts
+import { BsAlphabetUppercase } from "react-icons/bs";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "hero",
+  category: "basic",
+  name: "Hero",
+  description: "A big textual element for home pages.",
+  aiInstructions: `Displays a large text element that can be used to display a title and an optional tagline.
+Typically used on home pages to grab the user's attention. It's better NOT to provide the colorPreset prop so that the Hero inherits the background of its parent box or section.`,
+  icon: BsAlphabetUppercase,
+  defaultWidth: { desktop: "60dvw", mobile: "auto" },
+  // Force the wrapper direction to be the same as the text direction
+  staticClasses: "flex-col",
+  props: defineProps({
+    content: textContentRef({
+      title: "Hero title",
+      default: "<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>"
+    }),
+    tagline: Type.Optional(
+      textContentRef({
+        title: "Hero tagline",
+        default: "<p style='text-align:center'>Use our platform to build your business with confidence.</p>"
+      })
+    ),
+    colorPreset: Type.Optional(
+      colorPresetRef({
+        title: "Color"
+      })
+    ),
+    textShadow: Type.Optional(
+      textShadowRef({
+        default: "text-shadow-sm"
+      })
+    ),
+    padding: Type.Optional(
+      cssLengthRef({
+        default: "6rem",
+        description: "Padding inside the hero.",
+        "ai:instructions": "Use only a single value like '1rem' or '10px'",
+        title: "Padding",
+        "ui:responsive": true,
+        "ui:placeholder": "Not specified",
+        "ui:styleId": "styles:padding"
+      })
+    ),
+    rounding: Type.Optional(
+      roundingRef({
+        default: "rounded-md"
+      })
+    ),
+    border: Type.Optional(borderRef()),
+    shadow: Type.Optional(shadowRef()),
+    justifyContent: Type.Optional(
+      justifyContentRef({
+        default: "justify-center"
+      })
+    ),
+    alignItems: Type.Optional(
+      alignItemsRef({
+        default: "items-center"
+      })
+    )
+  })
+});
+var examples = [
+  {
+    description: "Simple welcome hero with primary background",
+    type: "hero",
+    props: {
+      content: "Welcome to Our Platform",
+      tagline: "The future of productivity starts here",
+      padding: "3rem",
+      colorPreset: {
+        color: "primary-400"
+      }
+    }
+  },
+  {
+    description: "Startup hero with primary gradient background to bottom-right",
+    type: "hero",
+    props: {
+      content: "Build Something Amazing",
+      tagline: "Turn your ideas into reality with our cutting-edge tools",
+      padding: "3rem",
+      colorPreset: {
+        color: "primary-500",
+        gradientDirection: "bg-gradient-to-br"
+      }
+    }
+  },
+  {
+    description: "Construction company hero with bold presence",
+    type: "hero",
+    props: {
+      content: "Building Tomorrow Today",
+      tagline: "Quality construction services for residential and commercial projects",
+      padding: "3rem"
+    }
+  },
+  {
+    description: "Fashion brand hero with modern appeal",
+    type: "hero",
+    props: {
+      content: "Express Your Style",
+      tagline: "Contemporary fashion that speaks to your individuality",
+      padding: "6rem"
+    }
+  },
+  {
+    description: "Law firm hero with authoritative tone",
+    type: "hero",
+    props: {
+      content: "Justice You Can Trust",
+      tagline: "Experienced legal representation for individuals and businesses",
+      padding: "6rem",
+      colorPreset: {
+        color: "neutral-800"
+      }
+    }
+  },
+  {
+    description: "Photography studio hero with artistic flair",
+    type: "hero",
+    props: {
+      content: "Capturing Life's Moments",
+      tagline: "Professional photography services for weddings, portraits, and events"
+    }
+  },
+  {
+    description: "Restaurant hero with warm colors and rounded design",
+    type: "hero",
+    props: {
+      content: "Authentic Italian Cuisine",
+      tagline: "Fresh ingredients, traditional recipes, unforgettable flavors",
+      padding: "4rem",
+      colorPreset: {
+        color: "orange-600"
+      },
+      rounding: "rounded-xl",
+      shadow: "shadow-lg"
+    }
+  },
+  {
+    description: "Tech company hero with success gradient and modern styling",
+    type: "hero",
+    props: {
+      content: "Innovation Redefined",
+      tagline: "Pushing the boundaries of what's possible with AI technology",
+      padding: "5rem",
+      colorPreset: {
+        color: "success-500",
+        gradientDirection: "bg-gradient-to-r"
+      },
+      textShadow: "text-shadow-lg",
+      border: {
+        width: "border-2",
+        color: "border-success-300"
+      }
+    }
+  },
+  {
+    description: "Medical practice hero with trust-inspiring design",
+    type: "hero",
+    props: {
+      content: "Your Health, Our Priority",
+      tagline: "Comprehensive healthcare services with compassionate care",
+      padding: "4rem",
+      colorPreset: {
+        color: "blue-500"
+      },
+      rounding: "rounded-lg",
+      justifyContent: "justify-start",
+      alignItems: "items-start"
+    }
+  },
+  {
+    description: "Creative agency hero with warning accent and diagonal gradient",
+    type: "hero",
+    props: {
+      content: "Creative Solutions",
+      tagline: "Bold designs that make your brand unforgettable",
+      padding: "3rem",
+      colorPreset: {
+        color: "warning-400",
+        gradientDirection: "bg-gradient-to-tl"
+      },
+      shadow: "shadow-xl",
+      border: {
+        width: "border",
+        color: "border-warning-200"
+      }
+    }
+  },
+  {
+    description: "Fitness studio hero with danger color and strong presence",
+    type: "hero",
+    props: {
+      content: "Transform Your Body",
+      tagline: "High-intensity training programs that deliver real results",
+      padding: "5rem",
+      colorPreset: {
+        color: "danger-600"
+      },
+      textShadow: "text-shadow-md",
+      rounding: "rounded-2xl",
+      justifyContent: "justify-center",
+      alignItems: "items-center"
+    }
+  },
+  {
+    description: "Minimalist hero with neutral tones and subtle effects",
+    type: "hero",
+    props: {
+      content: "Simplicity Perfected",
+      tagline: "Clean design solutions for modern businesses",
+      padding: "8rem",
+      colorPreset: {
+        color: "neutral-100"
+      },
+      shadow: "shadow-sm",
+      border: {
+        width: "border",
+        color: "border-neutral-300"
+      },
+      rounding: "rounded-md"
+    }
+  },
+  {
+    description: "Dynamic company hero using business query data",
+    type: "hero",
+    props: {
+      content: "Welcome to {{company.name}}",
+      tagline: "{{company.tagline}} - Serving {{company.location}} since {{company.foundedYear}}",
+      padding: "4rem",
+      colorPreset: {
+        color: "primary-500"
+      }
+    }
+  },
+  {
+    description: "Dynamic employee spotlight using employee query",
+    type: "hero",
+    props: {
+      content: "Meet {{employee.fullName}}",
+      tagline: "{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience",
+      padding: "3rem",
+      colorPreset: {
+        color: "secondary-400",
+        gradientDirection: "bg-gradient-to-r"
+      }
+    }
+  },
+  {
+    description: "Dynamic product launch hero using product query",
+    type: "hero",
+    props: {
+      content: "Introducing {{product.name}}",
+      tagline: "{{product.description}} - Starting at ${{product.price}}",
+      padding: "5rem",
+      colorPreset: {
+        color: "accent-600"
+      },
+      shadow: "shadow-lg",
+      rounding: "rounded-xl"
+    }
+  },
+  {
+    description: "Dynamic event announcement using event query",
+    type: "hero",
+    props: {
+      content: "{{event.title}}",
+      tagline: "Join us on {{event.date}} at {{event.venue}} - {{event.city}}",
+      padding: "4rem",
+      colorPreset: {
+        color: "primary-400",
+        gradientDirection: "bg-gradient-to-br"
+      },
+      textShadow: "text-shadow-md"
+    }
+  },
+  {
+    description: "Dynamic blog post hero using article query",
+    type: "hero",
+    props: {
+      content: "{{article.title}}",
+      tagline: "By {{article.author}} \u2022 Published {{article.publishDate}} \u2022 {{article.readTime}} min read",
+      padding: "3rem",
+      colorPreset: {
+        color: "neutral-700"
+      },
+      justifyContent: "justify-start",
+      alignItems: "items-start"
+    }
+  },
+  {
+    description: "Dynamic service promotion using service query",
+    type: "hero",
+    props: {
+      content: "{{service.name}}",
+      tagline: "{{service.description}} - {{service.duration}} \u2022 Starting at ${{service.price}}",
+      padding: "6rem",
+      colorPreset: {
+        color: "secondary-500",
+        gradientDirection: "bg-gradient-to-tl"
+      },
+      border: {
+        width: "border-2",
+        color: "border-secondary-300"
+      }
+    }
+  },
+  {
+    description: "Dynamic property showcase using property query",
+    type: "hero",
+    props: {
+      content: "{{property.address}}",
+      tagline: "${{property.price}} \u2022 {{property.bedrooms}} bed, {{property.bathrooms}} bath \u2022 {{property.squareFootage}} sq ft",
+      padding: "4rem",
+      colorPreset: {
+        color: "accent-500"
+      },
+      rounding: "rounded-lg",
+      shadow: "shadow-md"
+    }
+  },
+  {
+    description: "Dynamic course announcement using course query",
+    type: "hero",
+    props: {
+      content: "{{course.title}}",
+      tagline: "Learn {{course.subject}} with {{course.instructor}} \u2022 {{course.duration}} \u2022 {{course.skillLevel}} level",
+      padding: "5rem",
+      colorPreset: {
+        color: "primary-600"
+      },
+      textShadow: "text-shadow-lg",
+      justifyContent: "justify-center",
+      alignItems: "items-center"
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-EWSPTRDL.js.map

package/dist/shared/{chunk-QX6OGRRT.js.map → chunk-EWSPTRDL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/hero.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContentRef } from \"../props/text\";\nimport { BsAlphabetUppercase } from \"react-icons/bs\";\nimport type { BrickProps } from \"../props/types\";\nimport { Type } from \"@sinclair/typebox\";\nimport { shadowRef, textShadowRef } from \"../props/effects\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { alignItemsRef, justifyContentRef } from \"../props/align\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"hero\",\n  category: \"basic\",\n  name: \"Hero\",\n  description: \"A big textual element for home pages.\",\n  aiInstructions: `Displays a large text element that can be used to display a title and an optional tagline.\nTypically used on home pages to grab the user's attention. It's better NOT to provide the colorPreset prop so that the Hero inherits the background of its parent box or section.`,\n  icon: BsAlphabetUppercase,\n\n  defaultWidth: { desktop: \"60dvw\", mobile: \"auto\" },\n\n  // Force the wrapper direction to be the same as the text direction\n  staticClasses: \"flex-col\",\n\n  props: defineProps({\n    content: textContentRef({\n      title: \"Hero title\",\n      default: \"<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>\",\n    }),\n    tagline: Type.Optional(\n      textContentRef({\n        title: \"Hero tagline\",\n        default: \"<p style='text-align:center'>Use our platform to build your business with confidence.</p>\",\n      }),\n    ),\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n\n    textShadow: Type.Optional(\n      textShadowRef({\n        default: \"text-shadow-sm\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"6rem\",\n        description: \"Padding inside the hero.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    justifyContent: Type.Optional(\n      justifyContentRef({\n        default: \"justify-center\",\n      }),\n    ),\n    alignItems: Type.Optional(\n      alignItemsRef({\n        default: \"items-center\",\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Simple welcome hero with primary background\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to Our Platform\",\n      tagline: \"The future of productivity starts here\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"primary-400\",\n      },\n    },\n  },\n  {\n    description: \"Startup hero with primary gradient background to bottom-right\",\n    type: \"hero\",\n    props: {\n      content: \"Build Something Amazing\",\n      tagline: \"Turn your ideas into reality with our cutting-edge tools\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"primary-500\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n    },\n  },\n  {\n    description: \"Construction company hero with bold presence\",\n    type: \"hero\",\n    props: {\n      content: \"Building Tomorrow Today\",\n      tagline: \"Quality construction services for residential and commercial projects\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Fashion brand hero with modern appeal\",\n    type: \"hero\",\n    props: {\n      content: \"Express Your Style\",\n      tagline: \"Contemporary fashion that speaks to your individuality\",\n      padding: \"6rem\",\n    },\n  },\n  {\n    description: \"Law firm hero with authoritative tone\",\n    type: \"hero\",\n    props: {\n      content: \"Justice You Can Trust\",\n      tagline: \"Experienced legal representation for individuals and businesses\",\n      padding: \"6rem\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n    },\n  },\n  {\n    description: \"Photography studio hero with artistic flair\",\n    type: \"hero\",\n    props: {\n      content: \"Capturing Life's Moments\",\n      tagline: \"Professional photography services for weddings, portraits, and events\",\n    },\n  },\n  {\n    description: \"Restaurant hero with warm colors and rounded design\",\n    type: \"hero\",\n    props: {\n      content: \"Authentic Italian Cuisine\",\n      tagline: \"Fresh ingredients, traditional recipes, unforgettable flavors\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"orange-600\",\n      },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Tech company hero with success gradient and modern styling\",\n    type: \"hero\",\n    props: {\n      content: \"Innovation Redefined\",\n      tagline: \"Pushing the boundaries of what's possible with AI technology\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"success-500\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n      textShadow: \"text-shadow-lg\",\n      border: {\n        width: \"border-2\",\n        color: \"border-success-300\",\n      },\n    },\n  },\n  {\n    description: \"Medical practice hero with trust-inspiring design\",\n    type: \"hero\",\n    props: {\n      content: \"Your Health, Our Priority\",\n      tagline: \"Comprehensive healthcare services with compassionate care\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"blue-500\",\n      },\n      rounding: \"rounded-lg\",\n      justifyContent: \"justify-start\",\n      alignItems: \"items-start\",\n    },\n  },\n  {\n    description: \"Creative agency hero with warning accent and diagonal gradient\",\n    type: \"hero\",\n    props: {\n      content: \"Creative Solutions\",\n      tagline: \"Bold designs that make your brand unforgettable\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"warning-400\",\n        gradientDirection: \"bg-gradient-to-tl\",\n      },\n      shadow: \"shadow-xl\",\n      border: {\n        width: \"border\",\n        color: \"border-warning-200\",\n      },\n    },\n  },\n  {\n    description: \"Fitness studio hero with danger color and strong presence\",\n    type: \"hero\",\n    props: {\n      content: \"Transform Your Body\",\n      tagline: \"High-intensity training programs that deliver real results\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"danger-600\",\n      },\n      textShadow: \"text-shadow-md\",\n      rounding: \"rounded-2xl\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n    },\n  },\n  {\n    description: \"Minimalist hero with neutral tones and subtle effects\",\n    type: \"hero\",\n    props: {\n      content: \"Simplicity Perfected\",\n      tagline: \"Clean design solutions for modern businesses\",\n      padding: \"8rem\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      shadow: \"shadow-sm\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Dynamic company hero using business query data\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to {{company.name}}\",\n      tagline: \"{{company.tagline}} - Serving {{company.location}} since {{company.foundedYear}}\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-500\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic employee spotlight using employee query\",\n    type: \"hero\",\n    props: {\n      content: \"Meet {{employee.fullName}}\",\n      tagline:\n        \"{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"secondary-400\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic product launch hero using product query\",\n    type: \"hero\",\n    props: {\n      content: \"Introducing {{product.name}}\",\n      tagline: \"{{product.description}} - Starting at ${{product.price}}\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"accent-600\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Dynamic event announcement using event query\",\n    type: \"hero\",\n    props: {\n      content: \"{{event.title}}\",\n      tagline: \"Join us on {{event.date}} at {{event.venue}} - {{event.city}}\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-400\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n      textShadow: \"text-shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic blog post hero using article query\",\n    type: \"hero\",\n    props: {\n      content: \"{{article.title}}\",\n      tagline: \"By {{article.author}} • Published {{article.publishDate}} • {{article.readTime}} min read\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"neutral-700\",\n      },\n      justifyContent: \"justify-start\",\n      alignItems: \"items-start\",\n    },\n  },\n  {\n    description: \"Dynamic service promotion using service query\",\n    type: \"hero\",\n    props: {\n      content: \"{{service.name}}\",\n      tagline: \"{{service.description}} - {{service.duration}} • Starting at ${{service.price}}\",\n      padding: \"6rem\",\n      colorPreset: {\n        color: \"secondary-500\",\n        gradientDirection: \"bg-gradient-to-tl\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-secondary-300\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic property showcase using property query\",\n    type: \"hero\",\n    props: {\n      content: \"{{property.address}}\",\n      tagline:\n        \"${{property.price}} • {{property.bedrooms}} bed, {{property.bathrooms}} bath • {{property.squareFootage}} sq ft\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"accent-500\",\n      },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic course announcement using course query\",\n    type: \"hero\",\n    props: {\n      content: \"{{course.title}}\",\n      tagline:\n        \"Learn {{course.subject}} with {{course.instructor}} • {{course.duration}} • {{course.skillLevel}} level\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"primary-600\",\n      },\n      textShadow: \"text-shadow-lg\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n    },\n  },\n];\n"],"mappings":";;gVAGA,OAAS,uBAAAA,MAA2B,iBAEpC,OAAS,QAAAC,MAAY,oBAOd,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,OACN,SAAU,QACV,KAAM,OACN,YAAa,wCACb,eAAgB;AAAA,mLAEhB,KAAMC,EAEN,aAAc,CAAE,QAAS,QAAS,OAAQ,MAAO,EAGjD,cAAe,WAEf,MAAOC,EAAY,CACjB,QAASC,EAAe,CACtB,MAAO,aACP,QAAS,oEACX,CAAC,EACD,QAASC,EAAK,SACZD,EAAe,CACb,MAAO,eACP,QAAS,2FACX,CAAC,CACH,EACA,YAAaC,EAAK,SAChBC,EAAe,CACb,MAAO,OACT,CAAC,CACH,EAEA,WAAYD,EAAK,SACfE,EAAc,CACZ,QAAS,gBACX,CAAC,CACH,EACA,QAASF,EAAK,SACZG,EAAa,CACX,QAAS,OACT,YAAa,2BACb,kBAAmB,gDACnB,MAAO,UACP,gBAAiB,GACjB,iBAAkB,gBAClB,aAAc,gBAChB,CAAC,CACH,EACA,SAAUH,EAAK,SACbI,EAAY,CACV,QAAS,YACX,CAAC,CACH,EACA,OAAQJ,EAAK,SAASK,EAAU,CAAC,EACjC,OAAQL,EAAK,SAASM,EAAU,CAAC,EACjC,eAAgBN,EAAK,SACnBO,EAAkB,CAChB,QAAS,gBACX,CAAC,CACH,EACA,WAAYP,EAAK,SACfQ,EAAc,CACZ,QAAS,cACX,CAAC,CACH,CACF,CAAC,CACH,CAAC,EAIYC,EAIP,CACJ,CACE,YAAa,8CACb,KAAM,OACN,MAAO,CACL,QAAS,0BACT,QAAS,yCACT,QAAS,OACT,YAAa,CACX,MAAO,aACT,CACF,CACF,EACA,CACE,YAAa,gEACb,KAAM,OACN,MAAO,CACL,QAAS,0BACT,QAAS,2DACT,QAAS,OACT,YAAa,CACX,MAAO,cACP,kBAAmB,mBACrB,CACF,CACF,EACA,CACE,YAAa,+CACb,KAAM,OACN,MAAO,CACL,QAAS,0BACT,QAAS,wEACT,QAAS,MACX,CACF,EACA,CACE,YAAa,wCACb,KAAM,OACN,MAAO,CACL,QAAS,qBACT,QAAS,yDACT,QAAS,MACX,CACF,EACA,CACE,YAAa,wCACb,KAAM,OACN,MAAO,CACL,QAAS,wBACT,QAAS,kEACT,QAAS,OACT,YAAa,CACX,MAAO,aACT,CACF,CACF,EACA,CACE,YAAa,8CACb,KAAM,OACN,MAAO,CACL,QAAS,2BACT,QAAS,uEACX,CACF,EACA,CACE,YAAa,sDACb,KAAM,OACN,MAAO,CACL,QAAS,4BACT,QAAS,gEACT,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,SAAU,aACV,OAAQ,WACV,CACF,EACA,CACE,YAAa,6DACb,KAAM,OACN,MAAO,CACL,QAAS,uBACT,QAAS,+DACT,QAAS,OACT,YAAa,CACX,MAAO,cACP,kBAAmB,kBACrB,EACA,WAAY,iBACZ,OAAQ,CACN,MAAO,WACP,MAAO,oBACT,CACF,CACF,EACA,CACE,YAAa,oDACb,KAAM,OACN,MAAO,CACL,QAAS,4BACT,QAAS,4DACT,QAAS,OACT,YAAa,CACX,MAAO,UACT,EACA,SAAU,aACV,eAAgB,gBAChB,WAAY,aACd,CACF,EACA,CACE,YAAa,iEACb,KAAM,OACN,MAAO,CACL,QAAS,qBACT,QAAS,kDACT,QAAS,OACT,YAAa,CACX,MAAO,cACP,kBAAmB,mBACrB,EACA,OAAQ,YACR,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,CACF,CACF,EACA,CACE,YAAa,4DACb,KAAM,OACN,MAAO,CACL,QAAS,sBACT,QAAS,6DACT,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,WAAY,iBACZ,SAAU,cACV,eAAgB,iBAChB,WAAY,cACd,CACF,EACA,CACE,YAAa,wDACb,KAAM,OACN,MAAO,CACL,QAAS,uBACT,QAAS,+CACT,QAAS,OACT,YAAa,CACX,MAAO,aACT,EACA,OAAQ,YACR,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,EACA,SAAU,YACZ,CACF,EACA,CACE,YAAa,iDACb,KAAM,OACN,MAAO,CACL,QAAS,8BACT,QAAS,mFACT,QAAS,OACT,YAAa,CACX,MAAO,aACT,CACF,CACF,EACA,CACE,YAAa,kDACb,KAAM,OACN,MAAO,CACL,QAAS,6BACT,QACE,sGACF,QAAS,OACT,YAAa,CACX,MAAO,gBACP,kBAAmB,kBACrB,CACF,CACF,EACA,CACE,YAAa,kDACb,KAAM,OACN,MAAO,CACL,QAAS,+BACT,QAAS,2DACT,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,OAAQ,YACR,SAAU,YACZ,CACF,EACA,CACE,YAAa,+CACb,KAAM,OACN,MAAO,CACL,QAAS,kBACT,QAAS,gEACT,QAAS,OACT,YAAa,CACX,MAAO,cACP,kBAAmB,mBACrB,EACA,WAAY,gBACd,CACF,EACA,CACE,YAAa,6CACb,KAAM,OACN,MAAO,CACL,QAAS,oBACT,QAAS,sGACT,QAAS,OACT,YAAa,CACX,MAAO,aACT,EACA,eAAgB,gBAChB,WAAY,aACd,CACF,EACA,CACE,YAAa,gDACb,KAAM,OACN,MAAO,CACL,QAAS,mBACT,QAAS,uFACT,QAAS,OACT,YAAa,CACX,MAAO,gBACP,kBAAmB,mBACrB,EACA,OAAQ,CACN,MAAO,WACP,MAAO,sBACT,CACF,CACF,EACA,CACE,YAAa,iDACb,KAAM,OACN,MAAO,CACL,QAAS,uBACT,QACE,4HACF,QAAS,OACT,YAAa,CACX,MAAO,YACT,EACA,SAAU,aACV,OAAQ,WACV,CACF,EACA,CACE,YAAa,iDACb,KAAM,OACN,MAAO,CACL,QAAS,mBACT,QACE,oHACF,QAAS,OACT,YAAa,CACX,MAAO,aACT,EACA,WAAY,iBACZ,eAAgB,iBAChB,WAAY,cACd,CACF,CACF","names":["BsAlphabetUppercase","Type","manifest","defineBrickManifest","BsAlphabetUppercase","defineProps","textContentRef","Type","colorPresetRef","textShadowRef","cssLengthRef","roundingRef","borderRef","shadowRef","justifyContentRef","alignItemsRef","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/hero.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContentRef } from \"../props/text\";\nimport { BsAlphabetUppercase } from \"react-icons/bs\";\nimport type { BrickProps } from \"../props/types\";\nimport { Type } from \"@sinclair/typebox\";\nimport { shadowRef, textShadowRef } from \"../props/effects\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { alignItemsRef, justifyContentRef } from \"../props/align\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"hero\",\n  category: \"basic\",\n  name: \"Hero\",\n  description: \"A big textual element for home pages.\",\n  aiInstructions: `Displays a large text element that can be used to display a title and an optional tagline.\nTypically used on home pages to grab the user's attention. It's better NOT to provide the colorPreset prop so that the Hero inherits the background of its parent box or section.`,\n  icon: BsAlphabetUppercase,\n\n  defaultWidth: { desktop: \"60dvw\", mobile: \"auto\" },\n\n  // Force the wrapper direction to be the same as the text direction\n  staticClasses: \"flex-col\",\n\n  props: defineProps({\n    content: textContentRef({\n      title: \"Hero title\",\n      default: \"<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>\",\n    }),\n    tagline: Type.Optional(\n      textContentRef({\n        title: \"Hero tagline\",\n        default: \"<p style='text-align:center'>Use our platform to build your business with confidence.</p>\",\n      }),\n    ),\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n\n    textShadow: Type.Optional(\n      textShadowRef({\n        default: \"text-shadow-sm\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"6rem\",\n        description: \"Padding inside the hero.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    justifyContent: Type.Optional(\n      justifyContentRef({\n        default: \"justify-center\",\n      }),\n    ),\n    alignItems: Type.Optional(\n      alignItemsRef({\n        default: \"items-center\",\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Simple welcome hero with primary background\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to Our Platform\",\n      tagline: \"The future of productivity starts here\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"primary-400\",\n      },\n    },\n  },\n  {\n    description: \"Startup hero with primary gradient background to bottom-right\",\n    type: \"hero\",\n    props: {\n      content: \"Build Something Amazing\",\n      tagline: \"Turn your ideas into reality with our cutting-edge tools\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"primary-500\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n    },\n  },\n  {\n    description: \"Construction company hero with bold presence\",\n    type: \"hero\",\n    props: {\n      content: \"Building Tomorrow Today\",\n      tagline: \"Quality construction services for residential and commercial projects\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Fashion brand hero with modern appeal\",\n    type: \"hero\",\n    props: {\n      content: \"Express Your Style\",\n      tagline: \"Contemporary fashion that speaks to your individuality\",\n      padding: \"6rem\",\n    },\n  },\n  {\n    description: \"Law firm hero with authoritative tone\",\n    type: \"hero\",\n    props: {\n      content: \"Justice You Can Trust\",\n      tagline: \"Experienced legal representation for individuals and businesses\",\n      padding: \"6rem\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n    },\n  },\n  {\n    description: \"Photography studio hero with artistic flair\",\n    type: \"hero\",\n    props: {\n      content: \"Capturing Life's Moments\",\n      tagline: \"Professional photography services for weddings, portraits, and events\",\n    },\n  },\n  {\n    description: \"Restaurant hero with warm colors and rounded design\",\n    type: \"hero\",\n    props: {\n      content: \"Authentic Italian Cuisine\",\n      tagline: \"Fresh ingredients, traditional recipes, unforgettable flavors\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"orange-600\",\n      },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Tech company hero with success gradient and modern styling\",\n    type: \"hero\",\n    props: {\n      content: \"Innovation Redefined\",\n      tagline: \"Pushing the boundaries of what's possible with AI technology\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"success-500\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n      textShadow: \"text-shadow-lg\",\n      border: {\n        width: \"border-2\",\n        color: \"border-success-300\",\n      },\n    },\n  },\n  {\n    description: \"Medical practice hero with trust-inspiring design\",\n    type: \"hero\",\n    props: {\n      content: \"Your Health, Our Priority\",\n      tagline: \"Comprehensive healthcare services with compassionate care\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"blue-500\",\n      },\n      rounding: \"rounded-lg\",\n      justifyContent: \"justify-start\",\n      alignItems: \"items-start\",\n    },\n  },\n  {\n    description: \"Creative agency hero with warning accent and diagonal gradient\",\n    type: \"hero\",\n    props: {\n      content: \"Creative Solutions\",\n      tagline: \"Bold designs that make your brand unforgettable\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"warning-400\",\n        gradientDirection: \"bg-gradient-to-tl\",\n      },\n      shadow: \"shadow-xl\",\n      border: {\n        width: \"border\",\n        color: \"border-warning-200\",\n      },\n    },\n  },\n  {\n    description: \"Fitness studio hero with danger color and strong presence\",\n    type: \"hero\",\n    props: {\n      content: \"Transform Your Body\",\n      tagline: \"High-intensity training programs that deliver real results\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"danger-600\",\n      },\n      textShadow: \"text-shadow-md\",\n      rounding: \"rounded-2xl\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n    },\n  },\n  {\n    description: \"Minimalist hero with neutral tones and subtle effects\",\n    type: \"hero\",\n    props: {\n      content: \"Simplicity Perfected\",\n      tagline: \"Clean design solutions for modern businesses\",\n      padding: \"8rem\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      shadow: \"shadow-sm\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Dynamic company hero using business query data\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to {{company.name}}\",\n      tagline: \"{{company.tagline}} - Serving {{company.location}} since {{company.foundedYear}}\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-500\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic employee spotlight using employee query\",\n    type: \"hero\",\n    props: {\n      content: \"Meet {{employee.fullName}}\",\n      tagline:\n        \"{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"secondary-400\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic product launch hero using product query\",\n    type: \"hero\",\n    props: {\n      content: \"Introducing {{product.name}}\",\n      tagline: \"{{product.description}} - Starting at ${{product.price}}\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"accent-600\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Dynamic event announcement using event query\",\n    type: \"hero\",\n    props: {\n      content: \"{{event.title}}\",\n      tagline: \"Join us on {{event.date}} at {{event.venue}} - {{event.city}}\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-400\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n      textShadow: \"text-shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic blog post hero using article query\",\n    type: \"hero\",\n    props: {\n      content: \"{{article.title}}\",\n      tagline: \"By {{article.author}} • Published {{article.publishDate}} • {{article.readTime}} min read\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"neutral-700\",\n      },\n      justifyContent: \"justify-start\",\n      alignItems: \"items-start\",\n    },\n  },\n  {\n    description: \"Dynamic service promotion using service query\",\n    type: \"hero\",\n    props: {\n      content: \"{{service.name}}\",\n      tagline: \"{{service.description}} - {{service.duration}} • Starting at ${{service.price}}\",\n      padding: \"6rem\",\n      colorPreset: {\n        color: \"secondary-500\",\n        gradientDirection: \"bg-gradient-to-tl\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-secondary-300\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic property showcase using property query\",\n    type: \"hero\",\n    props: {\n      content: \"{{property.address}}\",\n      tagline:\n        \"${{property.price}} • {{property.bedrooms}} bed, {{property.bathrooms}} bath • {{property.squareFootage}} sq ft\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"accent-500\",\n      },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic course announcement using course query\",\n    type: \"hero\",\n    props: {\n      content: \"{{course.title}}\",\n      tagline:\n        \"Learn {{course.subject}} with {{course.instructor}} • {{course.duration}} • {{course.skillLevel}} level\",\n      padding: \"5rem\",\n      colorPreset: {\n        color: \"primary-600\",\n      },\n      textShadow: \"text-shadow-lg\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}