@upstart.gg/sdk 0.0.135 → 0.0.136

package/dist/shared/{chunk-DRTGM2UJ.js → chunk-GIGFNQBO.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-BHC2A43S.js";
 import {
   defineBrickManifest
-} from "./chunk-TB3X4LRQ.js";
+} from "./chunk-EVLRH6VG.js";
 
 // src/shared/bricks/manifests/html.manifest.ts
 import { BsCodeSquare } from "react-icons/bs";
@@ -126,4 +126,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-DRTGM2UJ.js.map
+//# sourceMappingURL=chunk-GIGFNQBO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/html.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport type { BrickProps } from \"../props/types\";\nimport { BsCodeSquare } from \"react-icons/bs\";\n\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"html\",\n  name: \"Html\",\n  category: \"widgets\",\n  description:\n    \"A flexible brick that accepts HTML content. Useful for embeding custom HTML or third-party widgets.\",\n  aiInstructions:\n    \"Use only this brick type when integrating third party widgets or custom HTML content. Most of the time, you should use other bricks that are more secure and easier to use.\",\n  staticClasses: \"self-stretch\",\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: \"300px\",\n  },\n  icon: BsCodeSquare,\n  props: defineProps({\n    html: Type.String({\n      title: \"HTML Content\",\n      description: \"The HTML content to render. Use with caution, as it can introduce security risks.\",\n      default: \"<div>Your HTML content here</div>\",\n      \"ui:placeholder\": \"<div>Your HTML content here</div>\",\n      \"ui:multiline\": true,\n      metadata: {\n        category: \"content\",\n      },\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A tally form\",\n    type: \"html\",\n    props: {\n      html: '<iframe data-tally-src=\"https://tally.so/embed/wQZpd8?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"282\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"test\"></iframe>',\n    },\n  },\n  {\n    description: \"YouTube video embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>',\n    },\n  },\n  {\n    description: \"Google Maps embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.309059887159!2d-74.00849368459473!3d40.71278097932847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a165bedccab%3A0xa2008c34c27bfb67!2sWall%20St%2C%20New%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sus!4v1620000000000\" width=\"100%\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>',\n    },\n  },\n  {\n    description: \"Twitter tweet embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Just setting up my twttr</p>&mdash; Jack Dorsey (@jack) <a href=\"https://twitter.com/jack/status/20?ref_src=twsrc%5Etfw\">March 21, 2006</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>',\n    },\n  },\n  {\n    description: \"CodePen embed for code showcase\",\n    type: \"html\",\n    props: {\n      html: '<iframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"CSS Animation Example\" src=\"https://codepen.io/team/codepen/embed/PNaGbb?height=300&theme-id=light&default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\"></iframe>',\n    },\n  },\n  {\n    description: \"Calendly scheduling widget\",\n    type: \"html\",\n    props: {\n      html: '<div class=\"calendly-inline-widget\" data-url=\"https://calendly.com/your-name/30min\" style=\"min-width:320px;height:630px;\"></div><script type=\"text/javascript\" src=\"https://assets.calendly.com/assets/external/widget.js\" async></script>',\n    },\n  },\n  {\n    description: \"Custom pricing table with CSS styling\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"display: flex; gap: 20px; justify-content: center;\"><div style=\"border: 2px solid #e2e8f0; border-radius: 12px; padding: 24px; text-align: center; background: white;\"><h3 style=\"margin: 0 0 16px; color: #1e293b;\">Basic</h3><div style=\"font-size: 32px; font-weight: bold; color: #0ea5e9;\">$9</div><p style=\"color: #64748b; margin: 8px 0 20px;\">per month</p><ul style=\"list-style: none; padding: 0; margin: 0;\"><li style=\"padding: 8px 0;\">✓ 5 Projects</li><li style=\"padding: 8px 0;\">✓ 10GB Storage</li><li style=\"padding: 8px 0;\">✓ Email Support</li></ul></div></div>',\n    },\n  },\n  {\n    description: \"Mailchimp newsletter signup form\",\n    type: \"html\",\n    props: {\n      html: '<div id=\"mc_embed_signup\"><form action=\"https://your-domain.us1.list-manage.com/subscribe/post?u=123456789&amp;id=abcdefghij\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate><div id=\"mc_embed_signup_scroll\"><div class=\"mc-field-group\"><label for=\"mce-EMAIL\">Email Address</label><input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\" style=\"width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px;\"></div><div id=\"mce-responses\" class=\"clear\"><div class=\"response\" id=\"mce-error-response\" style=\"display:none\"></div><div class=\"response\" id=\"mce-success-response\" style=\"display:none\"></div></div><div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_123456789_abcdefghij\" tabindex=\"-1\" value=\"\"></div><div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\" style=\"background: #007cba; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer;\"></div></div></form></div>',\n    },\n  },\n  {\n    description: \"Stripe payment button integration\",\n    type: \"html\",\n    props: {\n      html: '<script async src=\"https://js.stripe.com/v3/buy-button.js\"></script><stripe-buy-button buy-button-id=\"buy_btn_1234567890\" publishable-key=\"pk_test_1234567890\"></stripe-buy-button>',\n    },\n  },\n  {\n    description: \"Instagram post embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https://www.instagram.com/p/ABC123/\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"></blockquote><script async src=\"//www.instagram.com/embed.js\"></script>',\n    },\n  },\n  {\n    description: \"Custom countdown timer widget\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white;\"><h3 style=\"margin: 0 0 20px; font-size: 24px;\">Event Countdown</h3><div id=\"countdown\" style=\"display: flex; justify-content: center; gap: 20px;\"><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">10</div><div style=\"font-size: 14px; opacity: 0.8;\">DAYS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">15</div><div style=\"font-size: 14px; opacity: 0.8;\">HOURS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">30</div><div style=\"font-size: 14px; opacity: 0.8;\">MINUTES</div></div></div></div>',\n    },\n  },\n  {\n    description: \"Interactive feedback widget with rating stars\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"border: 1px solid #e2e8f0; border-radius: 8px; padding: 24px; background: #f8fafc;\"><h4 style=\"margin: 0 0 16px; color: #1e293b;\">How was your experience?</h4><div style=\"display: flex; gap: 8px; margin: 16px 0;\"><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #d1d5db;\">★</span></div><textarea placeholder=\"Tell us more about your experience...\" style=\"width: 100%; height: 80px; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; resize: vertical; font-family: inherit;\"></textarea><button style=\"margin-top: 12px; background: #3b82f6; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer;\">Submit Feedback</button></div>',\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;AAGA,SAAS,oBAAoB;AAE7B,SAAS,YAAY;AAGd,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aACE;AAAA,EACF,gBACE;AAAA,EACF,eAAe;AAAA,EACf,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN,OAAO,YAAY;AAAA,IACjB,MAAM,KAAK,OAAO;AAAA,MAChB,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":[]}

package/dist/shared/{chunk-SHUGHJ7V.js → chunk-GQTZPN5D.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-BHC2A43S.js";
 import {
   defineBrickManifest
-} from "./chunk-TB3X4LRQ.js";
+} from "./chunk-EVLRH6VG.js";
 import {
   fontSizeRef
 } from "./chunk-F22LDHEO.js";
@@ -15,7 +15,7 @@ import {
 import {
   iconRef,
   string
-} from "./chunk-UQF52PWK.js";
+} from "./chunk-N3ZTQD5I.js";
 import {
   borderRef,
   roundingRef
@@ -516,4 +516,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-SHUGHJ7V.js.map
+//# sourceMappingURL=chunk-GQTZPN5D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/social-links.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { TiSocialFlickr } from \"react-icons/ti\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { iconRef, string } from \"../props/string\";\nimport type { BrickProps } from \"../props/types\";\nimport { fontSizeRef } from \"../props/text\";\nimport { directionRef } from \"../props/direction\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { cssLengthRef } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"social-links\",\n  name: \"Social links\",\n  description: \"A list of social media links\",\n  icon: TiSocialFlickr,\n  defaultWidth: {\n    mobile: \"100%\",\n  },\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    links: Type.Array(\n      Type.Object({\n        icon: Type.Optional(\n          iconRef({\n            \"ui:default-icon-collection\": \"cib\",\n          }),\n        ),\n        label: Type.Optional(string(\"Label\")),\n        href: string(\"Link\"),\n      }),\n      {\n        title: \"Social Links\",\n        description: \"List of social media links\",\n        default: [\n          {\n            href: \"https://facebook.com/company\",\n            label: \"Facebook\",\n            icon: \"mdi:facebook\",\n          },\n          {\n            href: \"https://twitter.com/company\",\n            label: \"Twitter\",\n            icon: \"mdi:twitter\",\n          },\n          {\n            href: \"https://instagram.com/company\",\n            label: \"Instagram\",\n            icon: \"mdi:instagram\",\n          },\n        ],\n        \"ui:widget\": \"array\",\n        \"ui:displayField\": \"label\",\n        \"ui:options\": {\n          orderable: true, // Enable drag & drop reordering\n          removable: true, // Enable delete button\n          addable: true, // Enable add button\n        },\n        metadata: {\n          category: \"content\",\n        },\n      },\n    ),\n    direction: Type.Optional(\n      directionRef({\n        default: \"flex-row\",\n      }),\n    ),\n    fontSize: Type.Optional(fontSizeRef()),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"2rem\",\n        description: \"Padding.\",\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    iconOnly: Type.Optional(\n      Type.Boolean({\n        title: \"Only icons\",\n        description: \"If set, the brick will only display the icons without labels.\",\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Social icons displayed horizontally, without labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      links: [\n        {\n          href: \"https://facebook.com/company\",\n          label: \"Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://twitter.com/company\",\n          label: \"Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"https://instagram.com/company\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Social icons displayed vertically, without labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      direction: \"flex-col\",\n      links: [\n        {\n          href: \"https://facebook.com/company\",\n          label: \"Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://twitter.com/company\",\n          label: \"Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"https://instagram.com/company\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Social icons displayed horizontally, with labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      links: [\n        {\n          href: \"https://facebook.com/company\",\n          label: \"Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://twitter.com/company\",\n          label: \"Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"https://instagram.com/company\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n        {\n          href: \"https://linkedin.com/company/company\",\n          label: \"LinkedIn\",\n          icon: \"mdi:linkedin\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Social icons displayed vertically, with labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      direction: \"flex-col\",\n      links: [\n        {\n          href: \"https://facebook.com/company\",\n          label: \"Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://twitter.com/company\",\n          label: \"Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"https://instagram.com/company\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n        {\n          href: \"https://linkedin.com/company/company\",\n          label: \"LinkedIn\",\n          icon: \"mdi:linkedin\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Professional social links with labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      links: [\n        {\n          href: \"https://linkedin.com/in/johndoe\",\n          label: \"Connect on LinkedIn\",\n          icon: \"mdi:linkedin\",\n        },\n        {\n          href: \"https://github.com/johndoe\",\n          label: \"View GitHub Profile\",\n          icon: \"mdi:github\",\n        },\n        {\n          href: \"https://twitter.com/johndoe\",\n          label: \"Follow on Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"mailto:john@example.com\",\n          label: \"Send Email\",\n          icon: \"mdi:email\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Creative portfolio social links (icon-only inline)\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      links: [\n        {\n          href: \"https://dribbble.com/designer\",\n          label: \"Dribbble\",\n          icon: \"mdi:dribbble\",\n        },\n        {\n          href: \"https://behance.net/designer\",\n          label: \"Behance\",\n          icon: \"mdi:behance\",\n        },\n        {\n          href: \"https://instagram.com/designer\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n        {\n          href: \"https://pinterest.com/designer\",\n          label: \"Pinterest\",\n          icon: \"mdi:pinterest\",\n        },\n        {\n          href: \"https://youtube.com/designer\",\n          label: \"YouTube\",\n          icon: \"mdi:youtube\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Developer/tech social links with labels\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      direction: \"flex-col\",\n      links: [\n        {\n          href: \"https://github.com/developer\",\n          label: \"GitHub\",\n          icon: \"mdi:github\",\n        },\n        {\n          href: \"https://stackoverflow.com/users/developer\",\n          label: \"Stack Overflow\",\n          icon: \"mdi:stack-overflow\",\n        },\n        {\n          href: \"https://dev.to/developer\",\n          label: \"Dev.to\",\n          icon: \"mdi:dev-to\",\n        },\n        {\n          href: \"https://codepen.io/developer\",\n          label: \"CodePen\",\n          icon: \"mdi:codepen\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Music artist social platforms (block layout)\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      direction: \"flex-col\",\n      links: [\n        {\n          href: \"https://spotify.com/artist/musician\",\n          label: \"Listen on Spotify\",\n          icon: \"mdi:spotify\",\n        },\n        {\n          href: \"https://music.apple.com/artist/musician\",\n          label: \"Apple Music\",\n          icon: \"mdi:apple\",\n        },\n        {\n          href: \"https://soundcloud.com/musician\",\n          label: \"SoundCloud\",\n          icon: \"mdi:soundcloud\",\n        },\n        {\n          href: \"https://youtube.com/musician\",\n          label: \"YouTube Channel\",\n          icon: \"mdi:youtube\",\n        },\n        {\n          href: \"https://bandcamp.com/musician\",\n          label: \"Bandcamp\",\n          icon: \"mdi:bandcamp\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Business contact icons only\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      links: [\n        {\n          href: \"tel:+1234567890\",\n          label: \"Phone\",\n          icon: \"mdi:phone\",\n        },\n        {\n          href: \"mailto:contact@business.com\",\n          label: \"Email\",\n          icon: \"mdi:email\",\n        },\n        {\n          href: \"https://maps.google.com/business\",\n          label: \"Location\",\n          icon: \"mdi:map-marker\",\n        },\n        {\n          href: \"https://business.com\",\n          label: \"Website\",\n          icon: \"mdi:web\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Gaming content creator links (inline with labels)\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      links: [\n        {\n          href: \"https://twitch.tv/gamer\",\n          label: \"Twitch\",\n          icon: \"mdi:twitch\",\n        },\n        {\n          href: \"https://youtube.com/gamer\",\n          label: \"YouTube\",\n          icon: \"mdi:youtube\",\n        },\n        {\n          href: \"https://discord.gg/gamer\",\n          label: \"Discord\",\n          icon: \"mdi:discord\",\n        },\n        {\n          href: \"https://tiktok.com/@gamer\",\n          label: \"TikTok\",\n          icon: \"mdi:tiktok\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Restaurant social presence (block layout)\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      direction: \"flex-col\",\n      links: [\n        {\n          href: \"https://facebook.com/restaurant\",\n          label: \"Follow us on Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://instagram.com/restaurant\",\n          label: \"See photos on Instagram\",\n          icon: \"mdi:instagram\",\n        },\n        {\n          href: \"https://yelp.com/restaurant\",\n          label: \"Review us on Yelp\",\n          icon: \"mdi:yelp\",\n        },\n        {\n          href: \"https://tripadvisor.com/restaurant\",\n          label: \"TripAdvisor Reviews\",\n          icon: \"mdi:tripadvisor\",\n        },\n        {\n          href: \"tel:+1234567890\",\n          label: \"Call for Reservations\",\n          icon: \"mdi:phone\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Minimal footer social icons\",\n    type: \"social-links\",\n    props: {\n      iconOnly: true,\n      direction: \"flex-row\",\n      links: [\n        {\n          href: \"https://twitter.com/company\",\n          label: \"Twitter\",\n          icon: \"mdi:twitter\",\n        },\n        {\n          href: \"https://linkedin.com/company/company\",\n          label: \"LinkedIn\",\n          icon: \"mdi:linkedin\",\n        },\n        {\n          href: \"mailto:hello@company.com\",\n          label: \"Email\",\n          icon: \"mdi:email\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"E-commerce store social channels (inline with labels)\",\n    type: \"social-links\",\n    props: {\n      iconOnly: false,\n      direction: \"flex-row\",\n      links: [\n        {\n          href: \"https://facebook.com/store\",\n          label: \"Facebook\",\n          icon: \"mdi:facebook\",\n        },\n        {\n          href: \"https://instagram.com/store\",\n          label: \"Instagram\",\n          icon: \"mdi:instagram\",\n        },\n        {\n          href: \"https://pinterest.com/store\",\n          label: \"Pinterest\",\n          icon: \"mdi:pinterest\",\n        },\n        {\n          href: \"https://youtube.com/store\",\n          label: \"YouTube\",\n          icon: \"mdi:youtube\",\n        },\n        {\n          href: \"https://tiktok.com/@store\",\n          label: \"TikTok\",\n          icon: \"mdi:tiktok\",\n        },\n      ],\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-D4YQ6ABM.js → chunk-H5JM2M2T.js}

@@ -5,16 +5,19 @@ import {
 } from "./chunk-BHC2A43S.js";
 import {
   defineBrickManifest
-} from "./chunk-TB3X4LRQ.js";
+} from "./chunk-EVLRH6VG.js";
 import {
   loopRef
-} from "./chunk-BW6EFRSF.js";
+} from "./chunk-IQIISR22.js";
 import {
   textContentRef
 } from "./chunk-F22LDHEO.js";
 import {
   shadowRef
 } from "./chunk-TNMNMYOB.js";
+import {
+  urlOrPageIdRef
+} from "./chunk-N3ZTQD5I.js";
 import {
   imageRef
 } from "./chunk-W6MRYRGJ.js";
@@ -36,7 +39,7 @@ var manifest = defineBrickManifest({
   type: "card",
   name: "Card",
   description: "A card that can have a title, image, and content.",
-  aiInstructions: "Use this brick to create cards that contain an image, title, and text content. Cards are useful for displaying information in a concise and visually appealing way.",
+  aiInstructions: "Use this brick to create visually distinct content blocks (product, feature, testimonial, event, article, CTA, etc.).\n\nGuidelines:\n- Button is REQUIRED. Always provide a short action label (1\u20133 words) and pick a color matching semantic weight (primary/accent for primary actions, neutral/secondary for low emphasis).\n- Image is OPTIONAL. If present you may set imagePosition to top | middle | bottom. Default is top. Pick middle for vertically centered feature highlights, bottom for caption-first layouts.\n- Set noTitle: true when the card is intentionally title-less (e.g. a quote card or pure media focus). Do NOT include an empty title string alongside noTitle.\n- Use dynamic tokens (e.g. {{products.price}}) instead of duplicating literal values.\n- Prefer gradient presets for more visual emphasis (e.g. primary-gradient-400 with gradientDirection).\n- border + rounding + shadow should be cohesive: stronger borders pair well with larger rounding + moderate shadow; minimal / flat cards may use border-0 + no shadow.\n- For internal navigation you can supply a page ID (e.g. 'about') OR a relative/absolute URL (e.g. '/pricing', 'https://example.com').\n- Keep HTML inside text minimal (<strong>, <em>, <br>) \u2014 for richer structure consider multiple bricks instead.\n- Avoid mixing noTitle with large heading text embedded inside the text field \u2014 in that case keep a proper title.\n\nReturn ONLY valid properties defined in the schema; do not invent new ones.",
   icon: BsCardText,
   defaultWidth: { desktop: "400px", mobile: "100%" },
   minWidth: { desktop: 300 },
@@ -58,8 +61,8 @@ var manifest = defineBrickManifest({
       })
     ),
     imagePosition: Type.Optional(
-      StringEnum(["top", "middle", "bottom", "left", "right"], {
-        enumNames: ["Top", "Middle", "Bottom", "Left", "Right"],
+      StringEnum(["top", "middle", "bottom"], {
+        enumNames: ["Top", "Middle", "Bottom"],
         title: "Image Position",
         description: "Where the image should be placed in the card",
         default: "top",
@@ -97,7 +100,34 @@ var manifest = defineBrickManifest({
         default: "shadow-sm"
       })
     ),
-    loop: Type.Optional(loopRef())
+    loop: Type.Optional(loopRef()),
+    button: Type.Object(
+      {
+        label: Type.String({
+          title: "Button label",
+          default: "Click me",
+          examples: ["Learn more", "Buy now", "Sign up"],
+          metadata: {
+            category: "content"
+          }
+        }),
+        url: urlOrPageIdRef({
+          title: "Button URL",
+          description: "The URL the button should link to.",
+          metadata: {
+            category: "content"
+          }
+        }),
+        color: Type.Optional(
+          StringEnum(["btn-neutral", "btn-primary", "btn-secondary", "btn-accent"], {
+            enumNames: ["Neutral", "Primary", "Secondary", "Accent"],
+            title: "Color",
+            default: "btn-primary"
+          })
+        )
+      },
+      { title: "Button", description: "Button displayed at the bottom of the card" }
+    )
   })
 });
 var examples = [
@@ -106,50 +136,142 @@ var examples = [
     type: "card",
     props: {
       title: "Card Title",
-      text: "This is the body of the card."
+      text: "This is the body of the card.",
+      button: {
+        label: "Learn more",
+        url: "/learn-more",
+        color: "btn-primary"
+      }
     }
   },
+  // IMAGE POSITION MIDDLE VARIANT
   {
-    description: "Product card with image on the left",
+    description: "Feature highlight card with centered image (imagePosition=middle)",
     type: "card",
     props: {
-      cardImage: {
-        src: "https://via.placeholder.com/200x200",
-        alt: "Product image"
-      },
-      title: "Premium Headphones",
-      text: "High-quality wireless headphones with noise cancellation and 30-hour battery life."
+      cardImage: { src: "https://via.placeholder.com/420x240", alt: "Feature visual" },
+      imagePosition: "middle",
+      title: "Blazing Performance",
+      text: "Our new engine reduces processing time by 45% while maintaining reliability.",
+      colorPreset: { color: "primary-100" },
+      border: { width: "border", color: "border-primary-200" },
+      rounding: "rounded-lg",
+      shadow: "shadow-sm",
+      button: { label: "Learn More", url: "/features/performance", color: "btn-primary" }
     }
   },
+  // IMAGE POSITION BOTTOM VARIANT
   {
-    description: "Feature card with large padding and background",
+    description: "Case study card with image at the bottom (imagePosition=bottom)",
     type: "card",
     props: {
-      title: "Key Feature",
-      text: "This feature provides exceptional value and enhances user experience significantly."
+      title: "Case Study: ScaleOps",
+      text: "How ScaleOps handled 10x growth with zero downtime using our platform.",
+      cardImage: { src: "https://via.placeholder.com/600x260", alt: "Scale graph" },
+      imagePosition: "bottom",
+      colorPreset: { color: "secondary-50" },
+      rounding: "rounded-md",
+      shadow: "shadow-sm",
+      button: { label: "Read Study", url: "/cases/scaleops", color: "btn-secondary" }
     }
   },
+  // NO TITLE VARIANT
   {
-    description: "Blog post card with image at the bottom",
+    description: "Quote / testimonial style card without a title (uses noTitle=true)",
     type: "card",
     props: {
-      title: "The Future of Technology",
-      text: "Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.",
-      cardImage: {
-        src: "https://via.placeholder.com/400x200",
-        alt: "Technology concept"
+      noTitle: true,
+      text: '"This toolkit accelerated our launch by weeks \u2014 the component quality is outstanding."<br><em>\u2014 CTO, FinEdge</em>',
+      colorPreset: { color: "neutral-100" },
+      border: { width: "border", color: "border-neutral-300" },
+      rounding: "rounded-xl",
+      shadow: "shadow-sm",
+      button: { label: "See More", url: "/testimonials", color: "btn-neutral" }
+    }
+  },
+  // INTERNAL PAGE ID LINK VARIANT
+  {
+    description: "Internal navigation card using a page ID instead of a URL",
+    type: "card",
+    props: {
+      title: "About Our Mission",
+      text: "Learn how we're building an open, extensible site generation platform for modern teams.",
+      colorPreset: { color: "base-100" },
+      rounding: "rounded-md",
+      button: { label: "About Us", url: "about", color: "btn-primary" }
+    }
+  },
+  // GRADIENT & STRONG BORDER VARIANT
+  {
+    description: "High-emphasis promotional card using gradient background and thick border",
+    type: "card",
+    props: {
+      title: "Limited Time Offer",
+      text: "Upgrade now and receive a complimentary strategy session plus extended analytics access.",
+      colorPreset: { color: "primary-gradient-400", gradientDirection: "bg-gradient-to-tr" },
+      border: { width: "border-4", color: "border-primary-400" },
+      rounding: "rounded-xl",
+      shadow: "shadow-lg",
+      button: { label: "Upgrade", url: "/pricing", color: "btn-accent" }
+    }
+  },
+  // MINIMAL / FLAT VARIANT (no border, no shadow, subtle preset)
+  {
+    description: "Minimal flat information card (border-0, no shadow)",
+    type: "card",
+    props: {
+      title: "Maintenance Window",
+      text: "Scheduled maintenance on Saturday 02:00\u201303:00 UTC. API responses may be delayed.",
+      colorPreset: { color: "neutral-50" },
+      border: { width: "border-0", color: "border-neutral-200" },
+      button: { label: "Status Page", url: "/status", color: "btn-neutral" }
+    }
+  },
+  // DARK / INVERTED VARIANT
+  {
+    description: "Dark themed spotlight card (primary-800 background)",
+    type: "card",
+    props: {
+      title: "Night Mode Preview",
+      text: "Experience the new adaptive dark theme optimized for low ambient light environments.",
+      colorPreset: { color: "primary-800" },
+      border: { width: "border", color: "border-primary-600" },
+      rounding: "rounded-lg",
+      shadow: "shadow-md",
+      button: { label: "Preview", url: "/themes/dark", color: "btn-primary" }
+    }
+  },
+  {
+    description: "Feature card with large padding and background",
+    type: "card",
+    props: {
+      title: "Key Feature",
+      text: "This feature provides exceptional value and enhances user experience significantly.",
+      colorPreset: { color: "primary-50" },
+      border: { width: "border", color: "border-primary-200" },
+      rounding: "rounded-lg",
+      shadow: "shadow-sm",
+      button: {
+        label: "Discover More",
+        url: "/features",
+        color: "btn-primary"
       }
     }
   },
   {
-    description: "Testimonial card with right-side image",
+    description: "Blog post card with image at the bottom",
     type: "card",
     props: {
-      title: "Customer Review",
-      text: '"This product exceeded my expectations. The quality is outstanding and the customer service is top-notch!"',
+      title: "Future of Tech",
+      text: "Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.",
       cardImage: {
-        src: "https://via.placeholder.com/150x150",
-        alt: "Customer photo"
+        src: "https://via.placeholder.com/400x200",
+        alt: "Technology concept"
+      },
+      button: {
+        label: "Read More",
+        url: "/blog/{{ blogPosts.$slug }}",
+        color: "btn-primary"
       }
     }
   },
@@ -158,7 +280,12 @@ var examples = [
     type: "card",
     props: {
       title: "Simple Announcement",
-      text: "Important updates will be posted here regularly."
+      text: "Important updates will be posted here regularly.",
+      button: {
+        label: "View Updates",
+        url: "/updates",
+        color: "btn-neutral"
+      }
     }
   },
   {
@@ -170,7 +297,12 @@ var examples = [
         alt: "Event venue"
       },
       title: "Annual Conference 2025",
-      text: "Join us for three days of inspiring talks, networking opportunities, and hands-on workshops."
+      text: "Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.",
+      button: {
+        label: "Register Now",
+        url: "/events/conference-2025",
+        color: "btn-primary"
+      }
     }
   },
   {
@@ -182,7 +314,12 @@ var examples = [
         alt: "News thumbnail"
       },
       title: "Breaking News Update",
-      text: "Latest developments in the ongoing story with expert analysis and community reactions."
+      text: "Latest developments in the ongoing story with expert analysis and community reactions.",
+      button: {
+        label: "Read Full Article",
+        url: "/news/breaking-update",
+        color: "btn-secondary"
+      }
     }
   },
   {
@@ -190,7 +327,12 @@ var examples = [
     type: "card",
     props: {
       title: "Get Started Today",
-      text: "Transform your workflow with our powerful tools. Sign up now and get 30 days free!"
+      text: "Transform your workflow with our powerful tools. Sign up now and get 30 days free!",
+      button: {
+        label: "Sign Up Now",
+        url: "/signup",
+        color: "btn-primary"
+      }
     }
   },
   {
@@ -207,6 +349,11 @@ var examples = [
       border: { width: "border", color: "border-primary-200" },
       rounding: "rounded-lg",
       shadow: "shadow-md",
+      button: {
+        label: "Buy Now",
+        url: "{{products.purchaseUrl}}",
+        color: "btn-primary"
+      },
       loop: {
         over: "products"
       }
@@ -226,6 +373,11 @@ var examples = [
       colorPreset: { color: "neutral-100" },
       rounding: "rounded-xl",
       shadow: "shadow-lg",
+      button: {
+        label: "Contact",
+        url: "mailto:{{teamMembers.email}}",
+        color: "btn-neutral"
+      },
       loop: {
         over: "teamMembers"
       }
@@ -246,6 +398,11 @@ var examples = [
       border: { width: "border", color: "border-secondary-300" },
       rounding: "rounded-md",
       shadow: "shadow-sm",
+      button: {
+        label: "Read More",
+        url: "{{blogPosts.url}}",
+        color: "btn-secondary"
+      },
       loop: {
         over: "blogPosts"
       }
@@ -266,6 +423,11 @@ var examples = [
       border: { width: "border-2", color: "border-accent-400" },
       rounding: "rounded-lg",
       shadow: "shadow-md",
+      button: {
+        label: "Book Tickets",
+        url: "{{upcomingEvents.ticketUrl}}",
+        color: "btn-accent"
+      },
       loop: {
         over: "upcomingEvents"
       }
@@ -279,12 +441,17 @@ var examples = [
         src: "{{customerReviews.customerPhoto}}",
         alt: "{{customerReviews.customerName}}"
       },
-      imagePosition: "left",
+      imagePosition: "top",
       title: "{{customerReviews.customerName}}",
       text: '"{{customerReviews.review}}"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} \u2022 {{customerReviews.position}}',
       colorPreset: { color: "neutral-50" },
       rounding: "rounded-xl",
       shadow: "shadow-lg",
+      button: {
+        label: "See All Reviews",
+        url: "/reviews",
+        color: "btn-neutral"
+      },
       loop: {
         over: "customerReviews"
       }
@@ -305,6 +472,11 @@ var examples = [
       border: { width: "border", color: "border-primary-300" },
       rounding: "rounded-lg",
       shadow: "shadow-md",
+      button: {
+        label: "Learn More",
+        url: "{{companyServices.detailsUrl}}",
+        color: "btn-primary"
+      },
       loop: {
         over: "companyServices"
       }
@@ -324,6 +496,11 @@ var examples = [
       colorPreset: { color: "secondary-100" },
       rounding: "rounded-md",
       shadow: "shadow-sm",
+      button: {
+        label: "View Project",
+        url: "{{portfolioWork.projectUrl}}",
+        color: "btn-secondary"
+      },
       loop: {
         over: "portfolioWork"
       }
@@ -335,4 +512,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-D4YQ6ABM.js.map
+//# sourceMappingURL=chunk-H5JM2M2T.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/card.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContentRef } from \"../props/text\";\nimport { BsCardText } from \"react-icons/bs\";\nimport { imageRef } from \"../props/image\";\nimport { type Static, Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { shadowRef } from \"../props/effects\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { urlOrPageIdRef } from \"../props/string\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"card\",\n  name: \"Card\",\n  description: \"A card that can have a title, image, and content.\",\n  aiInstructions:\n    \"Use this brick to create visually distinct content blocks (product, feature, testimonial, event, article, CTA, etc.).\\n\\nGuidelines:\\n- Button is REQUIRED. Always provide a short action label (1–3 words) and pick a color matching semantic weight (primary/accent for primary actions, neutral/secondary for low emphasis).\\n- Image is OPTIONAL. If present you may set imagePosition to top | middle | bottom. Default is top. Pick middle for vertically centered feature highlights, bottom for caption-first layouts.\\n- Set noTitle: true when the card is intentionally title-less (e.g. a quote card or pure media focus). Do NOT include an empty title string alongside noTitle.\\n- Use dynamic tokens (e.g. {{products.price}}) instead of duplicating literal values.\\n- Prefer gradient presets for more visual emphasis (e.g. primary-gradient-400 with gradientDirection).\\n- border + rounding + shadow should be cohesive: stronger borders pair well with larger rounding + moderate shadow; minimal / flat cards may use border-0 + no shadow.\\n- For internal navigation you can supply a page ID (e.g. 'about') OR a relative/absolute URL (e.g. '/pricing', 'https://example.com').\\n- Keep HTML inside text minimal (<strong>, <em>, <br>) — for richer structure consider multiple bricks instead.\\n- Avoid mixing noTitle with large heading text embedded inside the text field — in that case keep a proper title.\\n\\nReturn ONLY valid properties defined in the schema; do not invent new ones.\",\n  icon: BsCardText,\n  defaultWidth: { desktop: \"400px\", mobile: \"100%\" },\n  minWidth: { desktop: 300 },\n  minHeight: { mobile: 200, desktop: 200 },\n  maxWidth: { desktop: 650 },\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color preset\",\n        default: { color: \"base-100\" },\n      }),\n    ),\n\n    cardImage: Type.Optional(\n      imageRef({\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    imagePosition: Type.Optional(\n      StringEnum([\"top\", \"middle\", \"bottom\"], {\n        enumNames: [\"Top\", \"Middle\", \"Bottom\"],\n        title: \"Image Position\",\n        description: \"Where the image should be placed in the card\",\n        default: \"top\",\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n          filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n            return !!formData.cardImage?.src;\n          },\n        },\n      }),\n    ),\n    noTitle: Type.Optional(\n      Type.Boolean({\n        title: \"No Title\",\n        description: \"Whether to hide the card title\",\n        default: false,\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    title: Type.Optional(textContentRef({ title: \"Title\" })),\n    text: Type.Optional(textContentRef({ title: \"Text\" })),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(\n      borderRef({\n        // default: { width: \"border\", color: \"border-base-300\" },\n      }),\n    ),\n    shadow: Type.Optional(\n      shadowRef({\n        default: \"shadow-sm\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\n    button: Type.Object(\n      {\n        label: Type.String({\n          title: \"Button label\",\n          default: \"Click me\",\n          examples: [\"Learn more\", \"Buy now\", \"Sign up\"],\n          metadata: {\n            category: \"content\",\n          },\n        }),\n        url: urlOrPageIdRef({\n          title: \"Button URL\",\n          description: \"The URL the button should link to.\",\n          metadata: {\n            category: \"content\",\n          },\n        }),\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      },\n      { title: \"Button\", description: \"Button displayed at the bottom of the card\" },\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A simple card with a title and content\",\n    type: \"card\",\n    props: {\n      title: \"Card Title\",\n      text: \"This is the body of the card.\",\n      button: {\n        label: \"Learn more\",\n        url: \"/learn-more\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  // IMAGE POSITION MIDDLE VARIANT\n  {\n    description: \"Feature highlight card with centered image (imagePosition=middle)\",\n    type: \"card\",\n    props: {\n      cardImage: { src: \"https://via.placeholder.com/420x240\", alt: \"Feature visual\" },\n      imagePosition: \"middle\",\n      title: \"Blazing Performance\",\n      text: \"Our new engine reduces processing time by 45% while maintaining reliability.\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      button: { label: \"Learn More\", url: \"/features/performance\", color: \"btn-primary\" },\n    },\n  },\n  // IMAGE POSITION BOTTOM VARIANT\n  {\n    description: \"Case study card with image at the bottom (imagePosition=bottom)\",\n    type: \"card\",\n    props: {\n      title: \"Case Study: ScaleOps\",\n      text: \"How ScaleOps handled 10x growth with zero downtime using our platform.\",\n      cardImage: { src: \"https://via.placeholder.com/600x260\", alt: \"Scale graph\" },\n      imagePosition: \"bottom\",\n      colorPreset: { color: \"secondary-50\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: { label: \"Read Study\", url: \"/cases/scaleops\", color: \"btn-secondary\" },\n    },\n  },\n  // NO TITLE VARIANT\n  {\n    description: \"Quote / testimonial style card without a title (uses noTitle=true)\",\n    type: \"card\",\n    props: {\n      noTitle: true,\n      text: '\"This toolkit accelerated our launch by weeks — the component quality is outstanding.\"<br><em>— CTO, FinEdge</em>',\n      colorPreset: { color: \"neutral-100\" },\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-sm\",\n      button: { label: \"See More\", url: \"/testimonials\", color: \"btn-neutral\" },\n    },\n  },\n  // INTERNAL PAGE ID LINK VARIANT\n  {\n    description: \"Internal navigation card using a page ID instead of a URL\",\n    type: \"card\",\n    props: {\n      title: \"About Our Mission\",\n      text: \"Learn how we're building an open, extensible site generation platform for modern teams.\",\n      colorPreset: { color: \"base-100\" },\n      rounding: \"rounded-md\",\n      button: { label: \"About Us\", url: \"about\", color: \"btn-primary\" },\n    },\n  },\n  // GRADIENT & STRONG BORDER VARIANT\n  {\n    description: \"High-emphasis promotional card using gradient background and thick border\",\n    type: \"card\",\n    props: {\n      title: \"Limited Time Offer\",\n      text: \"Upgrade now and receive a complimentary strategy session plus extended analytics access.\",\n      colorPreset: { color: \"primary-gradient-400\", gradientDirection: \"bg-gradient-to-tr\" },\n      border: { width: \"border-4\", color: \"border-primary-400\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: { label: \"Upgrade\", url: \"/pricing\", color: \"btn-accent\" },\n    },\n  },\n  // MINIMAL / FLAT VARIANT (no border, no shadow, subtle preset)\n  {\n    description: \"Minimal flat information card (border-0, no shadow)\",\n    type: \"card\",\n    props: {\n      title: \"Maintenance Window\",\n      text: \"Scheduled maintenance on Saturday 02:00–03:00 UTC. API responses may be delayed.\",\n      colorPreset: { color: \"neutral-50\" },\n      border: { width: \"border-0\", color: \"border-neutral-200\" },\n      button: { label: \"Status Page\", url: \"/status\", color: \"btn-neutral\" },\n    },\n  },\n  // DARK / INVERTED VARIANT\n  {\n    description: \"Dark themed spotlight card (primary-800 background)\",\n    type: \"card\",\n    props: {\n      title: \"Night Mode Preview\",\n      text: \"Experience the new adaptive dark theme optimized for low ambient light environments.\",\n      colorPreset: { color: \"primary-800\" },\n      border: { width: \"border\", color: \"border-primary-600\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: { label: \"Preview\", url: \"/themes/dark\", color: \"btn-primary\" },\n    },\n  },\n  {\n    description: \"Feature card with large padding and background\",\n    type: \"card\",\n    props: {\n      title: \"Key Feature\",\n      text: \"This feature provides exceptional value and enhances user experience significantly.\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"Discover More\",\n        url: \"/features\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card with image at the bottom\",\n    type: \"card\",\n    props: {\n      title: \"Future of Tech\",\n      text: \"Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.\",\n      cardImage: {\n        src: \"https://via.placeholder.com/400x200\",\n        alt: \"Technology concept\",\n      },\n      button: {\n        label: \"Read More\",\n        url: \"/blog/{{ blogPosts.$slug }}\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Minimal centered card without image\",\n    type: \"card\",\n    props: {\n      title: \"Simple Announcement\",\n      text: \"Important updates will be posted here regularly.\",\n      button: {\n        label: \"View Updates\",\n        url: \"/updates\",\n        color: \"btn-neutral\",\n      },\n    },\n  },\n  {\n    description: \"Event card with multiple variants\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/400x250\",\n        alt: \"Event venue\",\n      },\n      title: \"Annual Conference 2025\",\n      text: \"Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.\",\n      button: {\n        label: \"Register Now\",\n        url: \"/events/conference-2025\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"News article card with compact layout\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/120x120\",\n        alt: \"News thumbnail\",\n      },\n      title: \"Breaking News Update\",\n      text: \"Latest developments in the ongoing story with expert analysis and community reactions.\",\n      button: {\n        label: \"Read Full Article\",\n        url: \"/news/breaking-update\",\n        color: \"btn-secondary\",\n      },\n    },\n  },\n  {\n    description: \"Call-to-action card with prominent styling\",\n    type: \"card\",\n    props: {\n      title: \"Get Started Today\",\n      text: \"Transform your workflow with our powerful tools. Sign up now and get 30 days free!\",\n      button: {\n        label: \"Sign Up Now\",\n        url: \"/signup\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic product card using products query with pricing and details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{products.image}}\",\n        alt: \"{{products.name}}\",\n      },\n      title: \"{{products.name}}\",\n      text: \"{{products.description}}<br><strong>Price: ${{products.price}}</strong><br>Category: {{products.category}}\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Buy Now\",\n        url: \"{{products.purchaseUrl}}\",\n        color: \"btn-primary\",\n      },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Employee profile card using teamMembers query with contact information\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{teamMembers.photo}}\",\n        alt: \"Photo of {{teamMembers.fullName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{teamMembers.fullName}}\",\n      text: \"<strong>{{teamMembers.position}}</strong><br>{{teamMembers.department}}<br>Email: {{teamMembers.email}}<br>Phone: {{teamMembers.phone}}\",\n      colorPreset: { color: \"neutral-100\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: {\n        label: \"Contact\",\n        url: \"mailto:{{teamMembers.email}}\",\n        color: \"btn-neutral\",\n      },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card using blogPosts query with author and date\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{blogPosts.featuredImage}}\",\n        alt: \"{{blogPosts.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{blogPosts.title}}\",\n      text: \"{{blogPosts.excerpt}}<br><br><em>By {{blogPosts.author}} • {{blogPosts.publishDate}}</em><br>Tags: {{blogPosts.tags}}\",\n      colorPreset: { color: \"secondary-50\" },\n      border: { width: \"border\", color: \"border-secondary-300\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"Read More\",\n        url: \"{{blogPosts.url}}\",\n        color: \"btn-secondary\",\n      },\n      loop: {\n        over: \"blogPosts\",\n      },\n    },\n  },\n  {\n    description: \"Event listing card using upcomingEvents query with venue details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{upcomingEvents.banner}}\",\n        alt: \"{{upcomingEvents.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{upcomingEvents.title}}\",\n      text: \"<strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong><br>{{upcomingEvents.venue}}, {{upcomingEvents.city}}<br><br>{{upcomingEvents.description}}<br><br>Tickets: ${{upcomingEvents.price}}\",\n      colorPreset: { color: \"accent-100\" },\n      border: { width: \"border-2\", color: \"border-accent-400\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Book Tickets\",\n        url: \"{{upcomingEvents.ticketUrl}}\",\n        color: \"btn-accent\",\n      },\n      loop: {\n        over: \"upcomingEvents\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card using customerReviews query with ratings\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{customerReviews.customerPhoto}}\",\n        alt: \"{{customerReviews.customerName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{customerReviews.customerName}}\",\n      text: '\"{{customerReviews.review}}\"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} • {{customerReviews.position}}',\n      colorPreset: { color: \"neutral-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: {\n        label: \"See All Reviews\",\n        url: \"/reviews\",\n        color: \"btn-neutral\",\n      },\n      loop: {\n        over: \"customerReviews\",\n      },\n    },\n  },\n  {\n    description: \"Service offering card using companyServices query with pricing tiers\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{companyServices.icon}}\",\n        alt: \"{{companyServices.serviceName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{companyServices.serviceName}}\",\n      text: \"{{companyServices.description}}<br><br><strong>Starting at ${{companyServices.startingPrice}}</strong><br>Duration: {{companyServices.duration}}<br>Includes: {{companyServices.features}}\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-300\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Learn More\",\n        url: \"{{companyServices.detailsUrl}}\",\n        color: \"btn-primary\",\n      },\n      loop: {\n        over: \"companyServices\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio project card using portfolioWork query with project details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{portfolioWork.thumbnail}}\",\n        alt: \"{{portfolioWork.projectName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{portfolioWork.projectName}}\",\n      text: \"<strong>Client:</strong> {{portfolioWork.clientName}}<br><strong>Year:</strong> {{portfolioWork.year}}<br><strong>Category:</strong> {{portfolioWork.category}}<br><br>{{portfolioWork.description}}\",\n      colorPreset: { color: \"secondary-100\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"View Project\",\n        url: \"{{portfolioWork.projectUrl}}\",\n        color: \"btn-secondary\",\n      },\n      loop: {\n        over: \"portfolioWork\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-NT3IW52F.js → chunk-HTUSL2U7.js}

@@ -2,7 +2,7 @@
 
 import {
   schemaRegistry
-} from "./chunk-BW6EFRSF.js";
+} from "./chunk-IQIISR22.js";
 
 // src/shared/utils/schema.ts
 import { Kind } from "@sinclair/typebox";
@@ -257,4 +257,4 @@ export {
   resolveSchema,
   validate
 };
-//# sourceMappingURL=chunk-NT3IW52F.js.map
+//# sourceMappingURL=chunk-HTUSL2U7.js.map

package/dist/shared/{chunk-BW6EFRSF.js → chunk-IQIISR22.js}

@@ -17,7 +17,7 @@ import {
 import {
   icon,
   urlOrPageId
-} from "./chunk-UQF52PWK.js";
+} from "./chunk-N3ZTQD5I.js";
 import {
   image
 } from "./chunk-W6MRYRGJ.js";
@@ -791,4 +791,4 @@ export {
   loop,
   loopRef
 };
-//# sourceMappingURL=chunk-BW6EFRSF.js.map
+//# sourceMappingURL=chunk-IQIISR22.js.map