@upstart.gg/sdk 0.0.137 → 0.0.139

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"form.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/form.manifest.ts"],"sourcesContent":["import { type Static, Type } from \"@sinclair/typebox\";\nimport { FaWpforms } from \"react-icons/fa6\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { border, rounding } from \"../props/border\";\nimport { datarecord } from \"../props/datarecord\";\nimport { defineProps, group } from \"../props/helpers\";\nimport { fontSize } from \"../props/text\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { direction } from \"../props/direction\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"form\",\n  name: \"Form\",\n  description: \"A form element.\",\n  aiInstructions: `PURPOSE\nDynamic form generator. Fields are inferred from the referenced datarecord schema (datarecordId). You NEVER list fields manually and the form does not accept children.\n\nREQUIRED\n• datarecordId must reference an existing datarecord definition.\n\nCOLOR & STYLE\n• Optional colorPreset sets background + text. If omitted the form inherits parent background.\n• Allowed tokens: primary-/secondary-/accent-/neutral-/base-*** (and gradient variants). Do NOT invent success, warning, danger, info, etc. Map them (success->secondary or primary; warning->accent; danger->accent/primary).\n• Use rounding + border + padding for emphasis. Keep padding modest (1–3rem) unless it's a feature form hero (max ~4rem).\n\nLAYOUT\n• direction controls stacking (flex-col vs flex-row). Wide multi-column layouts usually flex-row on desktop, stacked (flex-col) on mobile.\n• Use mobileProps to reduce padding or switch direction ONLY if necessary. (If switching direction, you must repeat required props.)\n\nBUTTON GROUP\n• Only supply button overrides you actually change (color, size, position, rounding). Unspecified values fallback to defaults.\n• If button.size = wide then hide position (handled by schema metadata automatically—don't circumvent).\n\nCONTENT STRINGS\n• title, intro, buttonLabel, successMessage, errorMessage should be concise.\n• Avoid marketing fluff inside intro beyond one short paragraph.\n\nDYNAMIC DATA\n• Do not interpolate inside datarecordId (it must be a static id).\n• You MAY interpolate page queries aliases in title/intro (e.g. \"Apply for {{job.title}}\") if those fields exist in surrounding dataset context.\n\nDON'TS\n✗ Don't invent props.\n✗ Don't add HTML tags except basic inline markup if absolutely needed (prefer plain text).\n✗ Don't set impossible color tokens.\n\nDO\n✓ Keep examples lean.\n✓ Use semantic color mapping guidelines.\n✓ Provide accessible, human-readable labels.\n`,\n  isContainer: false,\n  icon: FaWpforms,\n  minWidth: {\n    desktop: 300,\n  },\n  props: defineProps({\n    datarecordId: datarecord(\"Datarecord ID\", {\n      description: \"The ID of the datarecord to use to generate the form fields. The datarecord must exist.\",\n      \"ui:responsive\": \"desktop\",\n    }),\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n        default: \"base-200\",\n      }),\n    ),\n    direction: Type.Optional(\n      direction({\n        title: \"Direction\",\n        description: \"The direction of the form fields\",\n        default: \"flex-col\",\n        \"ui:responsive\": \"desktop\",\n        \"ui:desktop-only\": true,\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"2rem\",\n        description: \"Padding inside the form.\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border({})),\n    fontSize: Type.Optional(fontSize({ default: \"inherit\", \"ui:no-extra-large-sizes\": true })),\n    button: group({\n      title: \"Button\",\n      children: {\n        color: Type.Optional(\n          StringEnum([\"btn-neutral\", \"btn-primary\", \"btn-secondary\", \"btn-accent\"], {\n            enumNames: [\"Neutral\", \"Primary\", \"Secondary\", \"Accent\"],\n            title: \"Color\",\n            default: \"btn-primary\",\n          }),\n        ),\n        size: Type.Optional(\n          StringEnum([\"block\", \"wide\"], {\n            title: \"Size\",\n            description: \"Button sizes.\",\n            enumNames: [\"Block\", \"Wide\"],\n            default: \"block\",\n            \"ui:responsive\": \"desktop\",\n          }),\n        ),\n        position: Type.Optional(\n          StringEnum([\"justify-start\", \"justify-center\", \"justify-end\"], {\n            title: \"Button Position\",\n            description: \"The position of the button in the form\",\n            enumNames: [\"Left\", \"Center\", \"Right\"],\n            default: \"justify-end\",\n            \"ui:responsive\": \"desktop\",\n            metadata: {\n              filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n                return formData.button?.size !== \"wide\";\n              },\n            },\n          }),\n        ),\n        rounding: rounding({ default: \"rounded-md\" }),\n      },\n    }),\n\n    title: Type.Optional(\n      Type.String({\n        title: \"Form title\",\n        default: \"My form\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    intro: Type.Optional(\n      Type.String({\n        title: \"Intro\",\n        description: \"The intro text of the form\",\n        \"ui:multiline\": true,\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    buttonLabel: Type.Optional(\n      Type.String({\n        title: \"Button label\",\n        default: \"Submit\",\n        metadata: { category: \"content\" },\n      }),\n    ),\n    successMessage: Type.Optional(\n      Type.String({\n        title: \"Success Message\",\n        description: \"The message to display when the form is successfully submitted\",\n        default: \"Thank you for your submission!\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    errorMessage: Type.Optional(\n      Type.String({\n        title: \"Error Message\",\n        description: \"The message to display when the form submission fails\",\n        default: \"There was an error submitting the form. Please try again later.\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Basic contact form\",\n    type: \"form\",\n    props: {\n      title: \"Contact Us\",\n      intro: \"We'd love to hear from you. Send us a message and we'll respond as soon as possible.\",\n      direction: \"flex-row\",\n      datarecordId: \"contacts\",\n      buttonLabel: \"Send Message\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"User registration form with large button\",\n    type: \"form\",\n    props: {\n      title: \"Create Account\",\n      intro: \"Join our platform and start your journey today.\",\n      direction: \"flex-row\",\n      datarecordId: \"user-registration\",\n      buttonLabel: \"Register\",\n      button: {\n        size: \"wide\",\n      },\n    },\n  },\n  {\n    description: \"Responsive newsletter subscription: desktop horizontal -> mobile vertical\",\n    type: \"form\",\n    props: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe for product news and occasional tips.\",\n      direction: \"flex-row\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"3rem\",\n      buttonLabel: \"Subscribe\",\n      button: { size: \"block\" },\n      colorPreset: { color: \"neutral-100\" },\n    },\n    mobileProps: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe for product news and occasional tips.\",\n      direction: \"flex-col\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"2rem\",\n      buttonLabel: \"Subscribe\",\n      button: { size: \"block\" },\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Newsletter subscription form (horizontal) with large padding\",\n    type: \"form\",\n    props: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe to our newsletter for the latest updates and exclusive content.\",\n      direction: \"flex-col\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"3rem\",\n      buttonLabel: \"Subscribe\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Minimal inline signup form (no background colorPreset, inherits parent)\",\n    type: \"form\",\n    props: {\n      title: \"Join Beta\",\n      intro: \"Access early features before public launch.\",\n      direction: \"flex-row\",\n      datarecordId: \"beta-signup\",\n      buttonLabel: \"Request Access\",\n      button: { size: \"block\" },\n      padding: \"1.5rem\",\n    },\n  },\n  {\n    description: \"Dark themed form using neutral-800 background and accent button\",\n    type: \"form\",\n    props: {\n      title: \"Feedback\",\n      intro: \"Tell us how we can improve the product.\",\n      direction: \"flex-col\",\n      datarecordId: \"product-feedback\",\n      buttonLabel: \"Send Feedback\",\n      colorPreset: { color: \"neutral-800\" },\n      padding: \"2.5rem\",\n      button: { color: \"btn-accent\" },\n      rounding: \"rounded-lg\",\n      border: { width: \"border\", color: \"border-neutral-700\" },\n    },\n  },\n  {\n    description: \"Gradient emphasis form (primary gradient) for event signup\",\n    type: \"form\",\n    props: {\n      title: \"Conference RSVP\",\n      intro: \"Reserve your seat for {{event.title}}.\",\n      direction: \"flex-col\",\n      datarecordId: \"event-registration\",\n      buttonLabel: \"Reserve Seat\",\n      colorPreset: { color: \"primary-gradient-400\", gradientDirection: \"bg-gradient-to-br\" },\n      padding: \"3rem\",\n      button: { color: \"btn-secondary\" },\n      rounding: \"rounded-xl\",\n      border: { width: \"border-2\", color: \"border-primary-300\" },\n    },\n  },\n  {\n    description: \"Event registration form\",\n    type: \"form\",\n    props: {\n      title: \"Conference Registration\",\n      intro: \"Register for the Annual Tech Conference 2025. Early bird pricing ends soon!\",\n      direction: \"flex-col\",\n      datarecordId: \"event-registration\",\n      buttonLabel: \"Register Now\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Job application form\",\n    type: \"form\",\n    props: {\n      title: \"Apply for Position\",\n      intro: \"We're excited to learn more about you! Please fill out this application form completely.\",\n      direction: \"flex-col\",\n      datarecordId: \"job-application\",\n      buttonLabel: \"Submit Application\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic job application (title interpolated) mapping dataset field\",\n    type: \"form\",\n    props: {\n      title: \"Apply for {{job.title}}\",\n      intro: \"Join our team in {{job.location}}.\",\n      direction: \"flex-col\",\n      datarecordId: \"job-application\",\n      buttonLabel: \"Apply Now\",\n      colorPreset: { color: \"secondary-100\" },\n      button: { size: \"block\", color: \"btn-primary\" },\n      padding: \"2rem\",\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,aAAa;CACb,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqChB,aAAa;CACb,MAAM;CACN,UAAU,EACR,SAAS,KACV;CACD,OAAO,YAAY;EACjB,cAAc,WAAW,iBAAiB;GACxC,aAAa;GACb,iBAAiB;GAClB,CAAC;EACF,aAAa,KAAK,SAChB,YAAY;GACV,OAAO;GACP,SAAS;GACV,CAAC,CACH;EACD,WAAW,KAAK,SACd,UAAU;GACR,OAAO;GACP,aAAa;GACb,SAAS;GACT,iBAAiB;GACjB,mBAAmB;GACpB,CAAC,CACH;EACD,SAAS,KAAK,SACZ,UAAU;GACR,SAAS;GACT,aAAa;GACb,OAAO;GACP,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,KAAK,SACb,SAAS,EACP,SAAS,cACV,CAAC,CACH;EACD,QAAQ,KAAK,SAAS,OAAO,EAAE,CAAC,CAAC;EACjC,UAAU,KAAK,SAAS,SAAS;GAAE,SAAS;GAAW,2BAA2B;GAAM,CAAC,CAAC;EAC1F,QAAQ,MAAM;GACZ,OAAO;GACP,UAAU;IACR,OAAO,KAAK,SACV,WAAW;KAAC;KAAe;KAAe;KAAiB;KAAa,EAAE;KACxE,WAAW;MAAC;MAAW;MAAW;MAAa;MAAS;KACxD,OAAO;KACP,SAAS;KACV,CAAC,CACH;IACD,MAAM,KAAK,SACT,WAAW,CAAC,SAAS,OAAO,EAAE;KAC5B,OAAO;KACP,aAAa;KACb,WAAW,CAAC,SAAS,OAAO;KAC5B,SAAS;KACT,iBAAiB;KAClB,CAAC,CACH;IACD,UAAU,KAAK,SACb,WAAW;KAAC;KAAiB;KAAkB;KAAc,EAAE;KAC7D,OAAO;KACP,aAAa;KACb,WAAW;MAAC;MAAQ;MAAU;MAAQ;KACtC,SAAS;KACT,iBAAiB;KACjB,UAAU,EACR,SAAS,eAAkC,aAAwC;AACjF,aAAO,SAAS,QAAQ,SAAS;QAEpC;KACF,CAAC,CACH;IACD,UAAU,SAAS,EAAE,SAAS,cAAc,CAAC;IAC9C;GACF,CAAC;EAEF,OAAO,KAAK,SACV,KAAK,OAAO;GACV,OAAO;GACP,SAAS;GACT,UAAU,EACR,UAAU,WACX;GACF,CAAC,CACH;EACD,OAAO,KAAK,SACV,KAAK,OAAO;GACV,OAAO;GACP,aAAa;GACb,gBAAgB;GAChB,UAAU,EACR,UAAU,WACX;GACF,CAAC,CACH;EACD,aAAa,KAAK,SAChB,KAAK,OAAO;GACV,OAAO;GACP,SAAS;GACT,UAAU,EAAE,UAAU,WAAW;GAClC,CAAC,CACH;EACD,gBAAgB,KAAK,SACnB,KAAK,OAAO;GACV,OAAO;GACP,aAAa;GACb,SAAS;GACT,UAAU,EACR,UAAU,WACX;GACF,CAAC,CACH;EACD,cAAc,KAAK,SACjB,KAAK,OAAO;GACV,OAAO;GACP,aAAa;GACb,SAAS;GACT,UAAU,EACR,UAAU,WACX;GACF,CAAC,CACH;EACF,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,QAAQ,EACN,MAAM,SACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,QAAQ,EACN,MAAM,QACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,SAAS;GACT,aAAa;GACb,QAAQ,EAAE,MAAM,SAAS;GACzB,aAAa,EAAE,OAAO,eAAe;GACtC;EACD,aAAa;GACX,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,SAAS;GACT,aAAa;GACb,QAAQ,EAAE,MAAM,SAAS;GACzB,aAAa,EAAE,OAAO,eAAe;GACtC;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,SAAS;GACT,aAAa;GACb,QAAQ,EACN,MAAM,SACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,QAAQ,EAAE,MAAM,SAAS;GACzB,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,aAAa,EAAE,OAAO,eAAe;GACrC,SAAS;GACT,QAAQ,EAAE,OAAO,cAAc;GAC/B,UAAU;GACV,QAAQ;IAAE,OAAO;IAAU,OAAO;IAAsB;GACzD;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,aAAa;IAAE,OAAO;IAAwB,mBAAmB;IAAqB;GACtF,SAAS;GACT,QAAQ,EAAE,OAAO,iBAAiB;GAClC,UAAU;GACV,QAAQ;IAAE,OAAO;IAAY,OAAO;IAAsB;GAC3D;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,QAAQ,EACN,MAAM,SACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,QAAQ,EACN,MAAM,SACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;GACP,OAAO;GACP,WAAW;GACX,cAAc;GACd,aAAa;GACb,aAAa,EAAE,OAAO,iBAAiB;GACvC,QAAQ;IAAE,MAAM;IAAS,OAAO;IAAe;GAC/C,SAAS;GACV;EACF;CACF"}

package/dist/shared/bricks/manifests/hero.manifest.d.ts

@@ -1,77 +1,82 @@
-import type { BrickExample } from "./_types";
-export declare const manifest: {
-    readonly icon: import("react-icons/lib").IconType;
-    readonly props: import("@sinclair/typebox").TObject<{
-        lastTouched: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        hidden: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            desktop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-            mobile: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>>;
-        editable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        width: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        grow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        alignSelf: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
-    } & {
-        content: import("@sinclair/typebox").TString;
-        tagline: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        colorPreset: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            color: import("@sinclair/typebox").TUnsafe<"none" | "primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200">;
-            gradientDirection: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
-        }>>;
-        textShadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"text-shadow-none" | "text-shadow-sm" | "text-shadow-md" | "text-shadow-lg" | "text-shadow-xl">>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        rounding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
-        border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            width: import("@sinclair/typebox").TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
-            color: import("@sinclair/typebox").TString;
-        }>>;
-        shadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
-        justifyContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"justify-start" | "justify-center" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly">>;
-        alignItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"items-start" | "items-center" | "items-end" | "items-stretch">>;
-    }>;
-    readonly category: import("~/shared/brick-manifest").BrickCategory;
-    readonly defaultInspectorTab: "content" | "style" | "preset";
-    readonly hideInLibrary: boolean;
-    readonly deletable: boolean;
-    readonly movable: boolean;
-    readonly resizable: boolean | "horizontal" | "vertical";
-    readonly duplicatable: boolean;
-    readonly isContainer: boolean;
-    readonly isGlobalBrick: boolean;
-    readonly defaultWidth: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly defaultHeight: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly type: string;
-    readonly name: string;
-    readonly iconClassName?: string;
-    readonly staticClasses?: string;
-    readonly description?: string;
-    readonly minWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly minHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly consumesMultipleQueryRows?: boolean;
-    readonly inlineDragDisabled?: boolean;
-    readonly aiInstructions?: string;
+import { BrickCategory } from "../../brick-manifest.js";
+import { BrickExample } from "./_types.js";
+import * as _sinclair_typebox4898 from "@sinclair/typebox";
+import * as react_icons_lib6 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/hero.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib6.IconType;
+  readonly props: _sinclair_typebox4898.TObject<{
+    lastTouched: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TNumber>;
+    hidden: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TObject<{
+      desktop: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TBoolean>;
+      mobile: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TBoolean>;
+    width: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    height: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    grow: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TBoolean>;
+    alignSelf: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    content: _sinclair_typebox4898.TString;
+    tagline: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    backgroundColor: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    color: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    textShadow: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"text-shadow-sm" | "text-shadow-none" | "text-shadow-md" | "text-shadow-lg" | "text-shadow-xl">>;
+    padding: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TString>;
+    rounding: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"rounded-md" | "rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
+    border: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TObject<{
+      width: _sinclair_typebox4898.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox4898.TString;
+    }>>;
+    shadow: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+    justifyContent: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"justify-center" | "justify-start" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly">>;
+    alignItems: _sinclair_typebox4898.TOptional<_sinclair_typebox4898.TUnsafe<"items-center" | "items-start" | "items-end" | "items-stretch">>;
+  }>;
+  readonly category: BrickCategory;
+  readonly defaultInspectorTab: "preset" | "style" | "content";
+  readonly hideInLibrary: boolean;
+  readonly deletable: boolean;
+  readonly movable: boolean;
+  readonly resizable: boolean | "horizontal" | "vertical";
+  readonly duplicatable: boolean;
+  readonly isContainer: boolean;
+  readonly isGlobalBrick: boolean;
+  readonly defaultWidth: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly defaultHeight: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly type: string;
+  readonly name: string;
+  readonly iconClassName?: string;
+  readonly staticClasses?: string;
+  readonly description?: string;
+  readonly minWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly minHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly consumesMultipleQueryRows?: boolean;
+  readonly inlineDragDisabled?: boolean;
+  readonly aiInstructions?: string;
 };
-export type Manifest = typeof manifest;
-export declare const examples: BrickExample<Manifest>[];
+type Manifest = typeof manifest;
+declare const examples: BrickExample<Manifest>[];
+//#endregion
+export { Manifest, examples, manifest };
 //# sourceMappingURL=hero.manifest.d.ts.map

package/dist/shared/bricks/manifests/hero.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/hero.manifest.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJ2B,CAAC;eACxC,CAAC;;;cACiB,CAAA;eAE1B,CAAC;;;cAEK,CAAC;eACA,CAAC;;;cAEL,CAAC;eACL,CAAA;;;;;CA+FE,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAyU5C,CAAC"}
+{"version":3,"file":"hero.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/hero.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cAea;iBA4GX,gBAAA,CAAA;;;;MA5GW,OA4GX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEU,MAAA,CAAQ,EAAA,MAAA;IAEP,OAmHZ,CAAA,EAAA,MAAA;EAAA,CAAA;WAnHmC,QAAA,CAAA,EAAA;IAAb,MAAA,CAAA,EAAA,MAAA;IAAY,OAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

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

@@ -1,24 +1,203 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
-
-import {
-  examples,
-  manifest
-} from "../../chunk-QEJGPYTB.js";
-import "../../chunk-SRYBJ6NQ.js";
-import "../../chunk-JSDKK5QN.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-XXPSM6UA.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-J45LSQT6.js";
-import "../../chunk-HY7JOP3J.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { alignItems, justifyContent } from "../props/align.js";
+import { defineProps } from "../props/helpers.js";
+import { textContent } from "../props/text.js";
+import { shadow, textShadow } from "../props/effects.js";
+import { backgroundColor } from "../props/background.js";
+import { color } from "../props/color.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { BsAlphabetUppercase } from "react-icons/bs";
+
+//#region src/shared/bricks/manifests/hero.manifest.ts
+const manifest = defineBrickManifest({
+	type: "hero",
+	category: "basic",
+	name: "Hero",
+	description: "A big textual element for home pages.",
+	aiInstructions: `PURPOSE
+A prominent textual block (main heading + optional tagline) used to introduce a page, product, event, company, or dynamic entity.
+
+STRUCTURE
+1. Always supply 'content' (can be plain text or simple HTML like <h1>, <strong>, <br/>).
+2. 'tagline' is optional. Prefer concise value (1 short sentence). Omit if not needed.
+3. Do NOT add buttons, images, forms, lists, or unrelated HTML here (use dedicated bricks for that).
+4. Hero should be placed in vertical sections, except for very specific cases.
+
+COLOR & BACKGROUND
+- Prefer omitting "colorPreset" so the hero inherits its parent section background.
+- If you do set "colorPreset", ensure sufficient contrast between text and background.
+
+LAYOUT & SPACING
+• Use padding suited to visual weight: landing hero: 5-8rem desktop; simple page intro: 2-4rem.
+• You may provide a mobile override via mobileProps (e.g. smaller padding such as 2rem).
+• Keep justifyContent + alignItems consistent (usually center/center or start/start). Avoid mixing center with start.
+
+TYPOGRAPHY
+• 'content' should typically render ONE main heading concept (avoid stacking multiple unrelated headings). Use <br/> to split lines when stylistic.
+• Avoid overly long taglines (>140 chars).
+
+DYNAMIC DATA
+• You may interpolate page queries fields fields: {{company.name}}, {{product.name}}, etc.
+• Ensure dynamic tokens exist in the referenced query context. Don't fabricate field names.
+
+RESPONSIVE
+• Use "mobileProps" only for necessary reductions (padding, alignment). Do not duplicate unchanged properties.
+
+DON'TS
+✗ Don't add properties that are not in the schema.
+✗ Don't wrap everything with extraneous HTML containers.
+✗ Don't use colorPreset plus a conflicting parent background rationale—choose one.
+
+DO
+✓ Keep content focused.
+✓ Wrap tagline in <p> for alignment control.
+`,
+	icon: BsAlphabetUppercase,
+	defaultWidth: {
+		desktop: "60dvw",
+		mobile: "auto"
+	},
+	staticClasses: "flex-col",
+	props: defineProps({
+		content: textContent({
+			title: "Hero title",
+			default: "<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>"
+		}),
+		tagline: Type.Optional(textContent({ title: "Hero tagline" })),
+		backgroundColor: Type.Optional(backgroundColor({ title: "Background color" })),
+		color: Type.Optional(color({
+			title: "Text color",
+			default: "text-inherit"
+		})),
+		textShadow: Type.Optional(textShadow({ default: "text-shadow-sm" })),
+		padding: Type.Optional(cssLength({
+			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: rounding({ default: "rounded-md" }),
+		border: Type.Optional(border({ "ai:hidden": true })),
+		shadow: Type.Optional(shadow()),
+		justifyContent: Type.Optional(justifyContent({ default: "justify-center" })),
+		alignItems: Type.Optional(alignItems({ default: "items-center" }))
+	})
+});
+const examples = [
+	{
+		description: "Simple welcome hero with primary background, centered",
+		type: "hero",
+		props: {
+			content: "Welcome to Our Platform",
+			tagline: "<p style='text-align:center'>The future of productivity starts here</p>",
+			padding: "3rem"
+		}
+	},
+	{
+		description: "Startup hero with primary gradient background to bottom-right",
+		type: "hero",
+		props: {
+			content: "Build Something Amazing",
+			tagline: "<p style='text-align:center'>Turn your ideas into reality with our cutting-edge tools</p>",
+			padding: "3rem"
+		}
+	},
+	{
+		description: "Construction company hero with bold presence",
+		type: "hero",
+		props: {
+			content: "Building Tomorrow Today",
+			tagline: "<p style='text-align:center'>Quality construction services for residential and commercial projects</p>",
+			padding: "3rem"
+		}
+	},
+	{
+		description: "Fitness studio hero with accent strong presence",
+		type: "hero",
+		props: {
+			content: "Transform Your Body",
+			tagline: "<p style='text-align:center'>High-intensity training programs that deliver real results</p>",
+			padding: "5rem",
+			textShadow: "text-shadow-md",
+			rounding: "rounded-2xl",
+			justifyContent: "justify-center",
+			alignItems: "items-center"
+		}
+	},
+	{
+		description: "Responsive hero with large desktop padding and reduced mobile padding",
+		type: "hero",
+		props: {
+			content: "All-In-One Platform",
+			tagline: "<p style='text-align:center'>Design • <i>Launch</i> • Grow</p>",
+			padding: "8rem"
+		},
+		mobileProps: { padding: "3rem" }
+	},
+	{
+		description: "Hero using dynamic product dataset with light text shadow for contrast",
+		type: "hero",
+		props: {
+			content: "Introducing {{product.name}}",
+			tagline: "<p style='text-align:center'>{{product.shortTagline}}</p>",
+			padding: "5rem",
+			textShadow: "text-shadow-sm"
+		}
+	},
+	{
+		description: "Dynamic company hero using business query data; no tagline",
+		type: "hero",
+		props: {
+			content: "Welcome to {{company.name}}",
+			padding: "4rem"
+		}
+	},
+	{
+		description: "Dynamic employee spotlight using employee query",
+		type: "hero",
+		props: {
+			content: "Meet {{employee.fullName}}",
+			tagline: "<p style='text-align:center'>{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience</p>",
+			padding: "3rem"
+		}
+	},
+	{
+		description: "Dynamic product launch hero using product query",
+		type: "hero",
+		props: {
+			content: "Introducing {{product.name}}",
+			tagline: "<p style='text-align:center'>{{product.description}} - Starting at ${{product.price}}</p>",
+			padding: "5rem"
+		}
+	},
+	{
+		description: "Dynamic event announcement using 'allEvents' query, text shadow for contrast",
+		type: "hero",
+		props: {
+			content: "{{allEvents.title}}",
+			tagline: "<p style='text-align:center'>Join us on {{allEvents.date}} at {{allEvents.venue}} - {{allEvents.city}}</p>",
+			padding: "4rem",
+			textShadow: "text-shadow-md"
+		}
+	},
+	{
+		description: "Dynamic blog post hero using article query, alignment to left-center to be able to arrange a brick on its right",
+		type: "hero",
+		props: {
+			content: "{{article.title}}",
+			tagline: "<p style='text-align:center'>By {{article.author}} • Published {{article.publishDate}} • {{article.readTime}} min read</p>",
+			padding: "3rem",
+			justifyContent: "justify-start",
+			alignItems: "items-center"
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=hero.manifest.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"hero.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/hero.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContent } from \"../props/text\";\nimport { BsAlphabetUppercase } from \"react-icons/bs\";\nimport type { BrickProps } from \"../props/types\";\nimport { Type } from \"@sinclair/typebox\";\nimport { shadow, textShadow } from \"../props/effects\";\nimport { border, rounding } from \"../props/border\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { alignItems, justifyContent } from \"../props/align\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\nimport { backgroundColor } from \"../props/background\";\nimport { color } from \"../props/color\";\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: `PURPOSE\nA prominent textual block (main heading + optional tagline) used to introduce a page, product, event, company, or dynamic entity.\n\nSTRUCTURE\n1. Always supply 'content' (can be plain text or simple HTML like <h1>, <strong>, <br/>).\n2. 'tagline' is optional. Prefer concise value (1 short sentence). Omit if not needed.\n3. Do NOT add buttons, images, forms, lists, or unrelated HTML here (use dedicated bricks for that).\n4. Hero should be placed in vertical sections, except for very specific cases.\n\nCOLOR & BACKGROUND\n- Prefer omitting \"colorPreset\" so the hero inherits its parent section background.\n- If you do set \"colorPreset\", ensure sufficient contrast between text and background.\n\nLAYOUT & SPACING\n• Use padding suited to visual weight: landing hero: 5-8rem desktop; simple page intro: 2-4rem.\n• You may provide a mobile override via mobileProps (e.g. smaller padding such as 2rem).\n• Keep justifyContent + alignItems consistent (usually center/center or start/start). Avoid mixing center with start.\n\nTYPOGRAPHY\n• 'content' should typically render ONE main heading concept (avoid stacking multiple unrelated headings). Use <br/> to split lines when stylistic.\n• Avoid overly long taglines (>140 chars).\n\nDYNAMIC DATA\n• You may interpolate page queries fields fields: {{company.name}}, {{product.name}}, etc.\n• Ensure dynamic tokens exist in the referenced query context. Don't fabricate field names.\n\nRESPONSIVE\n• Use \"mobileProps\" only for necessary reductions (padding, alignment). Do not duplicate unchanged properties.\n\nDON'TS\n✗ Don't add properties that are not in the schema.\n✗ Don't wrap everything with extraneous HTML containers.\n✗ Don't use colorPreset plus a conflicting parent background rationale—choose one.\n\nDO\n✓ Keep content focused.\n✓ Wrap tagline in <p> for alignment control.\n`,\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: textContent({\n      title: \"Hero title\",\n      default: \"<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>\",\n    }),\n    tagline: Type.Optional(\n      textContent({\n        title: \"Hero tagline\",\n        // default: \"<p style='text-align:center'>Use our platform to build your business with confidence.</p>\",\n      }),\n    ),\n    backgroundColor: Type.Optional(\n      backgroundColor({\n        title: \"Background color\",\n      }),\n    ),\n    color: Type.Optional(\n      color({\n        title: \"Text color\",\n        default: \"text-inherit\",\n      }),\n    ),\n    textShadow: Type.Optional(\n      textShadow({\n        default: \"text-shadow-sm\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\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: rounding({\n      default: \"rounded-md\",\n    }),\n    border: Type.Optional(\n      border({\n        \"ai:hidden\": true,\n      }),\n    ),\n    shadow: Type.Optional(shadow()),\n    justifyContent: Type.Optional(\n      justifyContent({\n        default: \"justify-center\",\n      }),\n    ),\n    alignItems: Type.Optional(\n      alignItems({\n        default: \"items-center\",\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Simple welcome hero with primary background, centered\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to Our Platform\",\n      tagline: \"<p style='text-align:center'>The future of productivity starts here</p>\",\n      padding: \"3rem\",\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: \"<p style='text-align:center'>Turn your ideas into reality with our cutting-edge tools</p>\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Construction company hero with bold presence\",\n    type: \"hero\",\n    props: {\n      content: \"Building Tomorrow Today\",\n      tagline:\n        \"<p style='text-align:center'>Quality construction services for residential and commercial projects</p>\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Fitness studio hero with accent strong presence\",\n    type: \"hero\",\n    props: {\n      content: \"Transform Your Body\",\n      tagline: \"<p style='text-align:center'>High-intensity training programs that deliver real results</p>\",\n      padding: \"5rem\",\n      textShadow: \"text-shadow-md\",\n      rounding: \"rounded-2xl\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n    },\n  },\n  {\n    description: \"Responsive hero with large desktop padding and reduced mobile padding\",\n    type: \"hero\",\n    props: {\n      content: \"All-In-One Platform\",\n      tagline: \"<p style='text-align:center'>Design • <i>Launch</i> • Grow</p>\",\n      padding: \"8rem\",\n    },\n    mobileProps: {\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Hero using dynamic product dataset with light text shadow for contrast\",\n    type: \"hero\",\n    props: {\n      content: \"Introducing {{product.name}}\",\n      tagline: \"<p style='text-align:center'>{{product.shortTagline}}</p>\",\n      padding: \"5rem\",\n      textShadow: \"text-shadow-sm\",\n    },\n  },\n  {\n    description: \"Dynamic company hero using business query data; no tagline\",\n    type: \"hero\",\n    props: {\n      content: \"Welcome to {{company.name}}\",\n      padding: \"4rem\",\n    },\n  },\n  {\n    description: \"Dynamic employee spotlight using employee query\",\n    type: \"hero\",\n    props: {\n      content: \"Meet {{employee.fullName}}\",\n      tagline:\n        \"<p style='text-align:center'>{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience</p>\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Dynamic product launch hero using product query\",\n    type: \"hero\",\n    props: {\n      content: \"Introducing {{product.name}}\",\n      tagline: \"<p style='text-align:center'>{{product.description}} - Starting at ${{product.price}}</p>\",\n      padding: \"5rem\",\n    },\n  },\n  {\n    description: \"Dynamic event announcement using 'allEvents' query, text shadow for contrast\",\n    type: \"hero\",\n    props: {\n      content: \"{{allEvents.title}}\",\n      tagline:\n        \"<p style='text-align:center'>Join us on {{allEvents.date}} at {{allEvents.venue}} - {{allEvents.city}}</p>\",\n      padding: \"4rem\",\n      textShadow: \"text-shadow-md\",\n    },\n  },\n  {\n    description:\n      \"Dynamic blog post hero using article query, alignment to left-center to be able to arrange a brick on its right\",\n    type: \"hero\",\n    props: {\n      content: \"{{article.title}}\",\n      tagline:\n        \"<p style='text-align:center'>By {{article.author}} • Published {{article.publishDate}} • {{article.readTime}} min read</p>\",\n      padding: \"3rem\",\n      justifyContent: \"justify-start\",\n      alignItems: \"items-center\",\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,UAAU;CACV,MAAM;CACN,aAAa;CACb,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsChB,MAAM;CAEN,cAAc;EAAE,SAAS;EAAS,QAAQ;EAAQ;CAGlD,eAAe;CAEf,OAAO,YAAY;EACjB,SAAS,YAAY;GACnB,OAAO;GACP,SAAS;GACV,CAAC;EACF,SAAS,KAAK,SACZ,YAAY,EACV,OAAO,gBAER,CAAC,CACH;EACD,iBAAiB,KAAK,SACpB,gBAAgB,EACd,OAAO,oBACR,CAAC,CACH;EACD,OAAO,KAAK,SACV,MAAM;GACJ,OAAO;GACP,SAAS;GACV,CAAC,CACH;EACD,YAAY,KAAK,SACf,WAAW,EACT,SAAS,kBACV,CAAC,CACH;EACD,SAAS,KAAK,SACZ,UAAU;GACR,SAAS;GACT,aAAa;GACb,mBAAmB;GACnB,OAAO;GACP,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,SAAS,EACjB,SAAS,cACV,CAAC;EACF,QAAQ,KAAK,SACX,OAAO,EACL,aAAa,MACd,CAAC,CACH;EACD,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,gBAAgB,KAAK,SACnB,eAAe,EACb,SAAS,kBACV,CAAC,CACH;EACD,YAAY,KAAK,SACf,WAAW,EACT,SAAS,gBACV,CAAC,CACH;EACF,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACT,YAAY;GACZ,UAAU;GACV,gBAAgB;GAChB,YAAY;GACb;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACD,aAAa,EACX,SAAS,QACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACT,YAAY;GACb;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACT,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SACE;GACF,SAAS;GACT,YAAY;GACb;EACF;CACD;EACE,aACE;EACF,MAAM;EACN,OAAO;GACL,SAAS;GACT,SACE;GACF,SAAS;GACT,gBAAgB;GAChB,YAAY;GACb;EACF;CACF"}

package/dist/shared/bricks/manifests/html.manifest.d.ts

@@ -1,62 +1,70 @@
-import type { BrickExample } from "./_types";
-export declare const manifest: {
-    readonly icon: import("react-icons/lib").IconType;
-    readonly props: import("@sinclair/typebox").TObject<{
-        lastTouched: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        hidden: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            desktop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-            mobile: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>>;
-        editable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        width: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        grow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        alignSelf: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
-    } & {
-        html: import("@sinclair/typebox").TString;
-    }>;
-    readonly category: import("~/shared/brick-manifest").BrickCategory;
-    readonly defaultInspectorTab: "content" | "style" | "preset";
-    readonly hideInLibrary: boolean;
-    readonly deletable: boolean;
-    readonly movable: boolean;
-    readonly resizable: boolean | "horizontal" | "vertical";
-    readonly duplicatable: boolean;
-    readonly isContainer: boolean;
-    readonly isGlobalBrick: boolean;
-    readonly defaultWidth: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly defaultHeight: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly type: string;
-    readonly name: string;
-    readonly iconClassName?: string;
-    readonly staticClasses?: string;
-    readonly description?: string;
-    readonly minWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly minHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly consumesMultipleQueryRows?: boolean;
-    readonly inlineDragDisabled?: boolean;
-    readonly aiInstructions?: string;
+import { BrickCategory } from "../../brick-manifest.js";
+import { BrickExample } from "./_types.js";
+import * as _sinclair_typebox5003 from "@sinclair/typebox";
+import * as react_icons_lib8 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/html.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib8.IconType;
+  readonly props: _sinclair_typebox5003.TObject<{
+    lastTouched: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TNumber>;
+    hidden: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TObject<{
+      desktop: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TBoolean>;
+      mobile: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TBoolean>;
+    width: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TString>;
+    height: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TString>;
+    grow: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TBoolean>;
+    alignSelf: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    html: _sinclair_typebox5003.TString;
+    grow: _sinclair_typebox5003.TOptional<_sinclair_typebox5003.TBoolean>;
+  }>;
+  readonly category: BrickCategory;
+  readonly defaultInspectorTab: "preset" | "style" | "content";
+  readonly hideInLibrary: boolean;
+  readonly deletable: boolean;
+  readonly movable: boolean;
+  readonly resizable: boolean | "horizontal" | "vertical";
+  readonly duplicatable: boolean;
+  readonly isContainer: boolean;
+  readonly isGlobalBrick: boolean;
+  readonly defaultWidth: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly defaultHeight: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly type: string;
+  readonly name: string;
+  readonly iconClassName?: string;
+  readonly staticClasses?: string;
+  readonly description?: string;
+  readonly minWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly minHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly consumesMultipleQueryRows?: boolean;
+  readonly inlineDragDisabled?: boolean;
+  readonly aiInstructions?: string;
 };
-export type Manifest = typeof manifest;
-export declare const examples: BrickExample<Manifest>[];
+type Manifest = typeof manifest;
+declare const examples: BrickExample<Manifest>[];
+//#endregion
+export { Manifest, examples, manifest };
 //# sourceMappingURL=html.manifest.d.ts.map

package/dist/shared/bricks/manifests/html.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/html.manifest.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAK2E,CAAC;eACtF,CAAC;;;cAC+C,CAAC;eAAsB,CAAA;;;cAAmE,CAAC;eAAsB,CAAA;;;cAGnK,CAAC;eACC,CAAC;;;;;CAeV,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAqF5C,CAAC"}
+{"version":3,"file":"html.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/html.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cASa;iBA+BX,gBAAA,CAAA;;;;MA/BW,OA+BX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAEU,SAAQ,OAAA,EAAA,MAAU;EAEjB,CAAA;EAqFZ,SAAA,IAAA,EAAA,MAAA;WArFmC,IAAA,EAAA,MAAA;WAAb,aAAA,CAAA,EAAA,MAAA;EAAY,SAAA,aAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}