@upstart.gg/sdk 0.0.137 → 0.0.138

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

@@ -0,0 +1 @@
+{"version":3,"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":"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","names":[]}

package/dist/shared/{chunk-W2RFDII5.js → chunk-IMDOF55E.js}

@@ -2,10 +2,13 @@
 
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
+import {
+  grow
+} from "./chunk-2EOCK66Z.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/html.manifest.ts
 import { BsCodeSquare } from "react-icons/bs";
@@ -32,7 +35,12 @@ var manifest = defineBrickManifest({
       metadata: {
         category: "content"
       }
-    })
+    }),
+    grow: Type.Optional(
+      grow({
+        default: true
+      })
+    )
   })
 });
 var examples = [
@@ -126,4 +134,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-W2RFDII5.js.map
+//# sourceMappingURL=chunk-IMDOF55E.js.map

package/dist/shared/chunk-IMDOF55E.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\";\nimport { grow } from \"../props/grow\";\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    grow: Type.Optional(\n      grow({\n        default: true,\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;AAId,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,IACD,MAAM,KAAK;AAAA,MACT,KAAK;AAAA,QACH,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF,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-KQH6V22E.js → chunk-IPWYNE6Y.js}

@@ -3,98 +3,98 @@
 import {
   examples as examples17,
   manifest as manifest17
-} from "./chunk-O24RDXZS.js";
+} from "./chunk-57NRTXRA.js";
 import {
   examples as examples18,
   manifest as manifest18
-} from "./chunk-6AE7UD73.js";
+} from "./chunk-QHKOAIOK.js";
 import {
   examples as examples23,
   manifest as manifest23
-} from "./chunk-TBT2PTGB.js";
+} from "./chunk-KRODRZNS.js";
 import {
   examples as examples19,
   manifest as manifest19
-} from "./chunk-ZVJNRKT4.js";
+} from "./chunk-ORIUCOED.js";
 import {
   examples as examples12,
   manifest as manifest12
-} from "./chunk-PF75LW33.js";
+} from "./chunk-E3ZW57HF.js";
 import {
   examples as examples13,
   manifest as manifest13
-} from "./chunk-SK2O7GFC.js";
+} from "./chunk-L4W4B2RQ.js";
 import {
   examples as examples14,
   manifest as manifest14
-} from "./chunk-U4KZUX37.js";
+} from "./chunk-FC52EHCC.js";
 import {
   examples as examples15,
   manifest as manifest15
-} from "./chunk-MYOLWTB2.js";
+} from "./chunk-NTP6BKRU.js";
 import {
   examples as examples16,
   manifest as manifest16
-} from "./chunk-LGGPCCCY.js";
+} from "./chunk-XYWSIMZ6.js";
 import {
   examples as examples21,
   manifest as manifest21
-} from "./chunk-JF52BBFD.js";
+} from "./chunk-O53V22BK.js";
 import {
   examples as examples22,
   manifest as manifest22
-} from "./chunk-HUWMIXNN.js";
+} from "./chunk-KTA7XES3.js";
 import {
   examples as examples6,
   manifest as manifest6
-} from "./chunk-BZTWZC77.js";
+} from "./chunk-5J4Y43RM.js";
 import {
   examples as examples7,
   manifest as manifest7
-} from "./chunk-FUUSAMN3.js";
+} from "./chunk-TGKNA2JS.js";
 import {
   examples as examples8,
   manifest as manifest8
-} from "./chunk-XK2CERPB.js";
+} from "./chunk-5SNSUC6Q.js";
 import {
   examples as examples9,
   manifest as manifest9
-} from "./chunk-QEJGPYTB.js";
+} from "./chunk-HHUFGV7J.js";
 import {
   examples as examples20,
   manifest as manifest20
-} from "./chunk-W2RFDII5.js";
+} from "./chunk-IMDOF55E.js";
 import {
   examples as examples10,
   manifest as manifest10
-} from "./chunk-JW7MQAU4.js";
+} from "./chunk-FVV27R73.js";
 import {
   examples as examples11,
   manifest as manifest11
-} from "./chunk-JLDAS3VE.js";
+} from "./chunk-B5T2LFV2.js";
 import {
   examples as examples3,
   manifest as manifest3
-} from "./chunk-LPAQ47C6.js";
+} from "./chunk-RDOCVLCF.js";
 import {
   examples as examples4,
   manifest as manifest4
-} from "./chunk-LGDDJJHK.js";
+} from "./chunk-PFZMRSHJ.js";
 import {
   examples as examples5,
   manifest as manifest5
-} from "./chunk-7U5WPHXB.js";
+} from "./chunk-34IUWNRX.js";
 import {
   examples,
   manifest
-} from "./chunk-4KY7OZWD.js";
+} from "./chunk-VMIJ6MG5.js";
 import {
   examples as examples2,
   manifest as manifest2
-} from "./chunk-FHA4DFIM.js";
+} from "./chunk-ZYQZUWF7.js";
 import {
   getBrickManifestDefaults
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 import {
   StringEnum
 } from "./chunk-GDYCCB3B.js";
@@ -210,4 +210,4 @@ export {
   brickTypes,
   examples24 as examples
 };
-//# sourceMappingURL=chunk-KQH6V22E.js.map
+//# sourceMappingURL=chunk-IPWYNE6Y.js.map

package/dist/shared/{chunk-H6TMBELF.js → chunk-J6R3GSKS.js}

@@ -3,13 +3,19 @@
 import {
   defaultProps,
   manifests
-} from "./chunk-KQH6V22E.js";
+} from "./chunk-IPWYNE6Y.js";
 import {
   mergeIgnoringArrays
 } from "./chunk-3ZDN5BWN.js";
 import {
   direction
 } from "./chunk-WPZV3LYL.js";
+import {
+  background
+} from "./chunk-5OVOXUFX.js";
+import {
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
   cssLength
 } from "./chunk-OJ6KL7FU.js";
@@ -17,18 +23,12 @@ import {
   alignItems,
   justifyContent
 } from "./chunk-ZRBTAC3G.js";
-import {
-  background
-} from "./chunk-KKWT3OXF.js";
-import {
-  colorPreset
-} from "./chunk-IEMCCHM4.js";
 import {
   toLLMSchema
 } from "./chunk-MO6CRLQA.js";
 import {
   getSchemaDefaults
-} from "./chunk-HY7JOP3J.js";
+} from "./chunk-TZ6X7ZM5.js";
 import {
   StringEnum
 } from "./chunk-GDYCCB3B.js";
@@ -114,30 +114,23 @@ var brickSchema = Type.Object({
   )
 });
 function makeFullBrickSchemaForLLM(type, otherTypes) {
-  const originalProps = Type.Pick(brickSchema, ["props"]);
-  const props = otherTypes ? Type.Composite([
-    Type.Omit(brickSchema, ["props"]),
-    Type.Object({
-      props: Type.Composite([
-        originalProps,
-        Type.Object({
-          $children: Type.Union(
-            otherTypes.map(
-              (t) => Type.Object({
-                id: Type.String({
-                  title: "ID",
-                  description: "A unique identifier for the brick."
-                }),
-                type: Type.Literal(t),
-                props: manifests[t].props,
-                mobileProps: Type.Optional(Type.Partial(manifests[t].props))
-              })
-            )
-          )
-        })
-      ])
-    })
-  ]) : manifests[type].props;
+  if (!otherTypes || !otherTypes.length) {
+    return toLLMSchema(
+      Type.Object(
+        {
+          id: Type.String({
+            title: "ID",
+            description: "A unique identifier for the brick."
+          }),
+          type: Type.Literal(type),
+          props: manifests[type].props,
+          mobileProps: Type.Optional(Type.Partial(manifests[type].props))
+        }
+        // IMPORTANT: DO NOT set "additionalProperties" to `false` because it would break validation with Cabidela library
+        // { additionalProperties: false },
+      )
+    );
+  }
   return toLLMSchema(
     Type.Object(
       {
@@ -146,7 +139,26 @@ function makeFullBrickSchemaForLLM(type, otherTypes) {
           description: "A unique identifier for the brick."
         }),
         type: Type.Literal(type),
-        props,
+        props: Type.Composite([
+          brickSchema.properties.props,
+          Type.Object({
+            $children: Type.Array(
+              Type.Union(
+                otherTypes.map(
+                  (t) => Type.Object({
+                    id: Type.String({
+                      title: "ID",
+                      description: "A unique identifier for the brick."
+                    }),
+                    type: Type.Literal(t),
+                    props: manifests[t].props,
+                    mobileProps: Type.Optional(Type.Partial(manifests[t].props))
+                  })
+                )
+              )
+            )
+          })
+        ]),
         mobileProps: Type.Optional(Type.Partial(manifests[type].props))
       }
       // IMPORTANT: DO NOT set "additionalProperties" to `false` because it would break validation with Cabidela library
@@ -371,4 +383,4 @@ export {
   getDefaultPropsForBrick,
   createEmptyBrick
 };
-//# sourceMappingURL=chunk-H6TMBELF.js.map
+//# sourceMappingURL=chunk-J6R3GSKS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks.ts"],"sourcesContent":["import { Type, type Static } from \"@sinclair/typebox\";\nimport { customAlphabet } from \"nanoid\";\nimport { defaultProps, manifests } from \"./bricks/manifests/all-manifests\";\nimport { cssLength } from \"./bricks/props/css-length\";\nimport { colorPreset } from \"./bricks/props/color-preset\";\nimport { mergeIgnoringArrays } from \"./utils/merge\";\nimport { getSchemaDefaults } from \"./utils/schema\";\nimport { StringEnum } from \"./utils/string-enum\";\nimport { alignItems, justifyContent } from \"./bricks/props/align\";\nimport type { CommonBrickProps } from \"./bricks/props/common\";\nimport { direction } from \"./bricks/props/direction\";\nimport type { PageAttributes, SiteAttributes } from \"./attributes\";\nimport { toLLMSchema } from \"./utils/llm\";\nimport { background } from \"./bricks/props/background\";\n\n/**\n * Generates a unique identifier for bricks.\n */\nexport const generateId = customAlphabet(\"azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN\", 7);\n\nconst brickAbsolutePositionSchema = Type.Object({\n  left: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The left position in css unit.\",\n    }),\n  ),\n  top: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The top position in css unit.\",\n    }),\n  ),\n  right: Type.Optional(\n    Type.String({\n      title: \"right\",\n      description: \"The right position in css unit.\",\n    }),\n  ),\n  bottom: Type.Optional(\n    Type.String({\n      title: \"bottom\",\n      description: \"The bottom position in css unit.\",\n    }),\n  ),\n  inset: Type.Optional(\n    Type.String({\n      title: \"inset\",\n      description: \"The inset position in css unit.\",\n    }),\n  ),\n  translateX: Type.Optional(\n    Type.String({\n      title: \"translateX\",\n      description: \"The translateX position in css unit.\",\n    }),\n  ),\n  translateY: Type.Optional(\n    Type.String({\n      title: \"translateY\",\n      description: \"The translateY position in css unit.\",\n    }),\n  ),\n  rotate: Type.Optional(\n    Type.String({\n      title: \"rotate\",\n      description: \"The rotate position in css unit.\",\n    }),\n  ),\n});\n\nexport type BrickAbsolutePosition = Static<typeof brickAbsolutePositionSchema>;\n\nexport const brickTypeSchema = StringEnum(Object.keys(defaultProps), {\n  title: \"Brick type\",\n});\n\nexport const brickSchema = Type.Object({\n  id: Type.String({\n    title: \"ID\",\n    description: \"A unique identifier for the brick.\",\n  }),\n  type: brickTypeSchema,\n  label: Type.Optional(\n    Type.String({\n      title: \"Label\",\n      description: \"A human-readable label for the brick. Used for organization and identification.\",\n    }),\n  ),\n  props: Type.Any({\n    title: \"Props\",\n    description: \"The static props of the brick. The available props depends on the brick type.\",\n  }),\n  mobileProps: Type.Optional(\n    Type.Any({\n      title: \"Props\",\n      description:\n        \"The overriden props for mobile, merged with desktop props. Same type as props but partial.\",\n    }),\n  ),\n});\n\nexport function makeFullBrickSchemaForLLM(type: string, otherTypes?: string[]) {\n  if (!otherTypes || !otherTypes.length) {\n    return toLLMSchema(\n      Type.Object(\n        {\n          id: Type.String({\n            title: \"ID\",\n            description: \"A unique identifier for the brick.\",\n          }),\n          type: Type.Literal(type),\n          props: manifests[type].props,\n          mobileProps: Type.Optional(Type.Partial(manifests[type].props)),\n        },\n        // IMPORTANT: DO NOT set \"additionalProperties\" to `false` because it would break validation with Cabidela library\n        // { additionalProperties: false },\n      ),\n    );\n  }\n  return toLLMSchema(\n    Type.Object(\n      {\n        id: Type.String({\n          title: \"ID\",\n          description: \"A unique identifier for the brick.\",\n        }),\n        type: Type.Literal(type),\n        props: Type.Composite([\n          brickSchema.properties.props,\n          Type.Object({\n            $children: Type.Array(\n              Type.Union(\n                otherTypes.map((t) =>\n                  Type.Object({\n                    id: Type.String({\n                      title: \"ID\",\n                      description: \"A unique identifier for the brick.\",\n                    }),\n                    type: Type.Literal(t),\n                    props: manifests[t].props,\n                    mobileProps: Type.Optional(Type.Partial(manifests[t].props)),\n                  }),\n                ),\n              ),\n            ),\n          }),\n        ]),\n        mobileProps: Type.Optional(Type.Partial(manifests[type].props)),\n      },\n      // IMPORTANT: DO NOT set \"additionalProperties\" to `false` because it would break validation with Cabidela library\n      // { additionalProperties: false },\n    ),\n  );\n}\n\nexport type Brick = Omit<Static<typeof brickSchema>, \"props\" | \"mobileProps\"> & {\n  props: CommonBrickProps & Record<string, unknown>;\n  mobileProps?: Partial<CommonBrickProps & Record<string, unknown>>;\n};\n\nexport const sectionProps = Type.Object({\n  colorPreset: Type.Optional(\n    colorPreset({\n      title: \"Color\",\n    }),\n  ),\n  backgroundImage: Type.Optional(\n    background({\n      title: \"Background\",\n    }),\n  ),\n  direction: Type.Optional(\n    direction({\n      default: \"flex-row\",\n      title: \"Direction\",\n      description:\n        \"The direction of the section. Only apply to desktop. On mobile, it is always vertical. By default, horizontal (row), which is the most common.\",\n      \"ui:responsive\": \"desktop\",\n    }),\n  ),\n  minHeight: Type.Optional(\n    cssLength({\n      title: \"Min height\",\n      default: \"fit-content\",\n      description:\n        \"The min height of the section. default is 'fit-content'. You can also use  the keyword 'full' to make it full viewport height. Lastly, you can use any valid CSS length unit.\",\n      \"ui:field\": \"hidden\",\n    }),\n  ),\n  variant: Type.Optional(\n    StringEnum([\"navbar\", \"footer\", \"sidebar\"], {\n      title: \"Custom section variant\",\n      description: \"Used for custom styling and layout.\",\n      enumNames: [\"Navbar\", \"Footer\", \"Sidebar\"],\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n  maxWidth: Type.Optional(\n    StringEnum([\"max-w-screen-lg\", \"max-w-screen-xl\", \"max-w-screen-2xl\", \"max-w-full\"], {\n      title: \"Max width\",\n      default: \"max-w-full\",\n      enumNames: [\"M\", \"L\", \"XL\", \"Full\"],\n      description: \"The maximum width of the section. Desktop only\",\n      \"ai:instructions\":\n        \"Choose the most appropriate max width for the section. The value 'max-w-full' is the most common and the default. Use the same value for all sections on the same page unless there is a good reason to do otherwise.\",\n      displayAs: \"button-group\",\n      \"ui:responsive\": \"desktop\",\n    }),\n  ),\n  verticalMargin: Type.Optional(\n    cssLength({\n      title: \"Vertical Margin\",\n      description:\n        \"The vertical margin of the section. By default, all sections touch each other with no space in between. If you want to add space between sections, set this value to e.g. '2rem' or '32px'. Adding a vertical margin will reveal the background color of the page.\",\n      default: \"0\",\n      \"ui:styleId\": \"styles:verticalMargin\",\n    }),\n  ),\n  justifyContent: Type.Optional(\n    justifyContent({\n      default: \"justify-center\",\n    }),\n  ),\n  alignItems: Type.Optional(\n    alignItems({\n      default: \"items-center\",\n    }),\n  ),\n  padding: Type.Optional(\n    cssLength({\n      default: \"2rem\",\n      description: \"Padding inside the section.\",\n      title: \"Padding\",\n      \"ui:responsive\": true,\n      \"ui:placeholder\": \"Not specified\",\n      \"ui:styleId\": \"styles:padding\",\n    }),\n  ),\n  gap: Type.Optional(\n    cssLength({\n      title: \"Gap\",\n      description: \"The gap between the bricks in the section.\",\n      default: \"2rem\",\n      \"ui:styleId\": \"styles:gap\",\n    }),\n  ),\n  wrap: Type.Optional(\n    Type.Boolean({\n      title: \"Wrap\",\n      description: \"Wrap bricks if they overflow the section.\",\n      default: true,\n      \"ui:styleId\": \"styles:wrap\",\n    }),\n  ),\n  lastTouched: Type.Optional(\n    Type.Number({\n      description: \"Do not use this field. It is used internally by the editor.\",\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n});\n\nexport const sectionSchema = Type.Object(\n  {\n    id: Type.String({\n      description: \"The unique ID of the section. Use a human readable url-safe slug\",\n      examples: [\"content-section\", \"contact-section\"],\n    }),\n    label: Type.String({\n      description: \"The label of the section. Shown only to the website owner, not public.\",\n      examples: [\"Content\", \"Contact\"],\n    }),\n    order: Type.Number({\n      description: \"Determines section order in the page (lower numbers appear first). 0-based\",\n    }),\n    props: sectionProps,\n    mobileProps: Type.Optional(Type.Partial(sectionProps)),\n    bricks: Type.Array(brickSchema),\n  },\n  {\n    description: \"Sections are direct children of the page that are stacked vertically.\",\n  },\n);\n\nexport const sectionSchemaNoBricks = Type.Omit(sectionSchema, [\"bricks\"]);\nexport type SectionSchemaNoBricks = Static<typeof sectionSchemaNoBricks>;\n\nconst sectionDefaultprops = getSchemaDefaults(sectionSchema.properties.props, \"desktop\") as Section[\"props\"];\nconst sectionMobileDefaultprops = getSchemaDefaults(\n  sectionSchema.properties.mobileProps,\n  \"mobile\",\n) as Section[\"mobileProps\"];\n\nexport type Section = Static<typeof sectionSchema>;\n\nexport function processSections(\n  sections: Section[],\n  siteAttributes: SiteAttributes,\n  pageAttributes: PageAttributes,\n): Section[] {\n  const processSection = (section: Section) => {\n    return {\n      ...section,\n      props: mergeIgnoringArrays({} as Section[\"props\"], sectionDefaultprops, section.props),\n      mobileProps: mergeIgnoringArrays({}, sectionMobileDefaultprops, section.mobileProps || {}),\n      bricks: section.bricks.map(processBrick).filter(Boolean) as Brick[],\n    } as const;\n  };\n\n  const finalSections = sections.map(processSection);\n\n  if (siteAttributes.navbar && !pageAttributes.noNavbar) {\n    finalSections.unshift(\n      processSection({\n        order: -1,\n        id: \"navbar-section\",\n        label: \"Navbar\",\n        props: {\n          variant: \"navbar\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"navbar\",\n            type: \"navbar\",\n            props: siteAttributes.navbar,\n          },\n        ],\n      }),\n    );\n  }\n  if (siteAttributes.footer && !pageAttributes.noFooter) {\n    finalSections.push(\n      processSection({\n        order: 1000,\n        id: \"footer-section\",\n        label: \"Footer\",\n        props: {\n          variant: \"footer\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"footer\",\n            type: \"footer\",\n            props: siteAttributes.footer,\n          },\n        ],\n      }),\n    );\n  }\n\n  return finalSections satisfies Section[];\n}\n\n/**\n *  process a brick and add default props\n */\nexport function processBrick<T extends Brick>(brick: T): T {\n  const defProps = defaultProps[brick.type];\n  // if (!defProps) {\n  //   console.warn(`No default props found for brick type: ${brick.type}`);\n  //   return false; // or throw an error if you prefer\n  // }\n  const result = {\n    ...brick,\n    props: mergeIgnoringArrays({} as Brick[\"props\"], defProps.props, {\n      ...brick.props,\n      ...(brick.props.$children\n        ? { $children: (brick.props.$children as T[]).map(processBrick).filter(Boolean) }\n        : {}),\n    }),\n  };\n\n  return result;\n}\n\nexport function getDefaultPropsForBrick(type: string) {\n  return defaultProps[type].props;\n}\n\nexport function createEmptyBrick(type: string, ghost = false): Brick {\n  const props = { ...defaultProps[type].props, ghost };\n  const newBrick = {\n    id: `b-${generateId()}`,\n    type,\n    props,\n  };\n  return newBrick;\n}\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-TBT2PTGB.js → chunk-KRODRZNS.js}

@@ -3,25 +3,25 @@
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
 import {
-  cssLength
-} from "./chunk-OJ6KL7FU.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
   loop
 } from "./chunk-XFZQGRRL.js";
-import {
-  shadow
-} from "./chunk-5RCC2STG.js";
 import {
   colorPreset
 } from "./chunk-IEMCCHM4.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 import {
   StringEnum
 } from "./chunk-GDYCCB3B.js";
@@ -437,4 +437,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-TBT2PTGB.js.map
+//# sourceMappingURL=chunk-KRODRZNS.js.map

package/dist/shared/chunk-KTA7XES3.js

@@ -0,0 +1,168 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  border,
+  rounding
+} from "./chunk-VYA2FCTY.js";
+import {
+  defineProps
+} from "./chunk-UC75KRLX.js";
+import {
+  shadow
+} from "./chunk-5RCC2STG.js";
+import {
+  loop
+} from "./chunk-XFZQGRRL.js";
+import {
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
+import {
+  defineBrickManifest
+} from "./chunk-GNTJT7MR.js";
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
+
+// src/shared/bricks/manifests/tabs.manifest.ts
+import { Type } from "@sinclair/typebox";
+import { TfiLayoutTabWindow } from "react-icons/tfi";
+var tabRef = Type.Object({
+  label: Type.String({
+    title: "Tab Label",
+    description: "The text shown on the tab button",
+    "ai:instructions": "Use a short, descriptive label for the tab"
+  }),
+  id: Type.Optional(
+    Type.String({
+      title: "Tab ID",
+      description: "Unique identifier for the tab (auto-generated if not provided)"
+    })
+  )
+});
+var manifest = defineBrickManifest({
+  type: "tabs",
+  category: "container",
+  name: "Tabs",
+  description: "A tabbed container that displays different content panels based on the selected tab.",
+  aiInstructions: "Tabs are containers for organizing content into multiple panels. Each tab has a label and contains child bricks. Users can click tab buttons to switch between different content panels. Ideal for organizing related content, settings panels, or product information.",
+  isContainer: true,
+  consumesMultipleQueryRows: true,
+  defaultWidth: {
+    desktop: "100%",
+    mobile: "100%"
+  },
+  defaultHeight: {
+    desktop: "auto"
+  },
+  icon: TfiLayoutTabWindow,
+  props: defineProps({
+    colorPreset: Type.Optional(
+      colorPreset({
+        title: "Color"
+      })
+    ),
+    tabs: Type.Array(tabRef, {
+      title: "Tabs",
+      description: "List of tab configurations",
+      default: [{ label: "Tab 1" }, { label: "Tab 2" }],
+      "ai:instructions": "Each tab should have a descriptive label. Content for each tab is defined in the $children array.",
+      examples: [
+        [{ label: "Overview" }, { label: "Features" }, { label: "Pricing" }],
+        [{ label: "About" }, { label: "Services" }, { label: "Contact" }]
+      ]
+    }),
+    defaultTab: Type.Optional(
+      Type.Number({
+        title: "Default Tab",
+        description: "Index of the tab to show by default (0-based)",
+        default: 0,
+        minimum: 0,
+        "ai:instructions": "Use 0 for the first tab, 1 for the second tab, etc."
+      })
+    ),
+    tabPosition: Type.Optional(
+      StringEnum(["top", "bottom"], {
+        title: "Tab Position",
+        description: "Position of the tab buttons relative to content",
+        default: "top",
+        "ai:instructions": "Use 'top' for tabs above content (most common) or 'bottom' for tabs below content"
+      })
+    ),
+    tabStyle: Type.Optional(
+      StringEnum(["pills", "underline", "bordered"], {
+        title: "Tab Style",
+        description: "Visual style of the tab buttons",
+        default: "underline",
+        "ai:instructions": "Pills are rounded buttons, underline shows a line under active tab, bordered shows tabs with borders"
+      })
+    ),
+    fullWidth: Type.Optional(
+      Type.Boolean({
+        title: "Full Width Tabs",
+        description: "Make tab buttons span the full width of the container",
+        default: false,
+        "ai:instructions": "Enable this to make tab buttons evenly distribute across the full width"
+      })
+    ),
+    padding: Type.Optional(
+      cssLength({
+        default: "1.5rem",
+        description: "Padding inside each tab panel.",
+        "ai:instructions": "Use values like '1rem', '1.5rem', or '2rem' for tab content padding",
+        title: "Content Padding",
+        "ui:placeholder": "Not specified",
+        "ui:styleId": "styles:padding"
+      })
+    ),
+    gap: Type.Optional(
+      cssLength({
+        title: "Tab Gap",
+        default: "0.5rem",
+        description: "Gap between tab buttons.",
+        "ai:instructions": "Small values like '0.25rem' or '0.5rem' work best for tab spacing",
+        "ui:placeholder": "Not specified",
+        "ui:styleId": "styles:gap"
+      })
+    ),
+    rounding: rounding({
+      default: "rounded-md"
+    }),
+    border: Type.Optional(border()),
+    shadow: Type.Optional(shadow()),
+    loop: Type.Optional(loop()),
+    $children: Type.Array(Type.Any(), {
+      "ui:field": "hidden",
+      description: "Array of child bricks - each item represents the content for one tab. If you want multiple bricks in one tab, use a 'box' brick as the single child for that tab.",
+      examples: [
+        [
+          // Tab 1 content
+          {
+            type: "text",
+            props: {
+              content: "<h3>Overview</h3><p>This is the overview tab content.</p>"
+            }
+          },
+          // Tab 2 content
+          [
+            {
+              type: "text",
+              props: {
+                content: "<h3>Features</h3><p>Here are our key features.</p>"
+              }
+            }
+          ]
+        ]
+      ]
+    })
+  })
+});
+var examples = [];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-KTA7XES3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/tabs.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { Type } from \"@sinclair/typebox\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { cssLength } from \"../props/css-length\";\nimport { HiOutlineViewColumns } from \"react-icons/hi2\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport type { BrickExample } from \"./_types\";\nimport { TfiLayoutTabWindow } from \"react-icons/tfi\";\n\n// Tab configuration schema\nconst tabRef = Type.Object({\n  label: Type.String({\n    title: \"Tab Label\",\n    description: \"The text shown on the tab button\",\n    \"ai:instructions\": \"Use a short, descriptive label for the tab\",\n  }),\n  id: Type.Optional(\n    Type.String({\n      title: \"Tab ID\",\n      description: \"Unique identifier for the tab (auto-generated if not provided)\",\n    }),\n  ),\n});\n\nexport const manifest = defineBrickManifest({\n  type: \"tabs\",\n  category: \"container\",\n  name: \"Tabs\",\n  description: \"A tabbed container that displays different content panels based on the selected tab.\",\n  aiInstructions:\n    \"Tabs are containers for organizing content into multiple panels. Each tab has a label and contains child bricks. Users can click tab buttons to switch between different content panels. Ideal for organizing related content, settings panels, or product information.\",\n  isContainer: true,\n  consumesMultipleQueryRows: true,\n  defaultWidth: {\n    desktop: \"100%\",\n    mobile: \"100%\",\n  },\n  defaultHeight: {\n    desktop: \"auto\",\n  },\n  icon: TfiLayoutTabWindow,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    tabs: Type.Array(tabRef, {\n      title: \"Tabs\",\n      description: \"List of tab configurations\",\n      default: [{ label: \"Tab 1\" }, { label: \"Tab 2\" }],\n      \"ai:instructions\":\n        \"Each tab should have a descriptive label. Content for each tab is defined in the $children array.\",\n      examples: [\n        [{ label: \"Overview\" }, { label: \"Features\" }, { label: \"Pricing\" }],\n        [{ label: \"About\" }, { label: \"Services\" }, { label: \"Contact\" }],\n      ],\n    }),\n    defaultTab: Type.Optional(\n      Type.Number({\n        title: \"Default Tab\",\n        description: \"Index of the tab to show by default (0-based)\",\n        default: 0,\n        minimum: 0,\n        \"ai:instructions\": \"Use 0 for the first tab, 1 for the second tab, etc.\",\n      }),\n    ),\n    tabPosition: Type.Optional(\n      StringEnum([\"top\", \"bottom\"], {\n        title: \"Tab Position\",\n        description: \"Position of the tab buttons relative to content\",\n        default: \"top\",\n        \"ai:instructions\":\n          \"Use 'top' for tabs above content (most common) or 'bottom' for tabs below content\",\n      }),\n    ),\n    tabStyle: Type.Optional(\n      StringEnum([\"pills\", \"underline\", \"bordered\"], {\n        title: \"Tab Style\",\n        description: \"Visual style of the tab buttons\",\n        default: \"underline\",\n        \"ai:instructions\":\n          \"Pills are rounded buttons, underline shows a line under active tab, bordered shows tabs with borders\",\n      }),\n    ),\n    fullWidth: Type.Optional(\n      Type.Boolean({\n        title: \"Full Width Tabs\",\n        description: \"Make tab buttons span the full width of the container\",\n        default: false,\n        \"ai:instructions\": \"Enable this to make tab buttons evenly distribute across the full width\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"1.5rem\",\n        description: \"Padding inside each tab panel.\",\n        \"ai:instructions\": \"Use values like '1rem', '1.5rem', or '2rem' for tab content padding\",\n        title: \"Content Padding\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLength({\n        title: \"Tab Gap\",\n        default: \"0.5rem\",\n        description: \"Gap between tab buttons.\",\n        \"ai:instructions\": \"Small values like '0.25rem' or '0.5rem' work best for tab spacing\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    rounding: rounding({\n      default: \"rounded-md\",\n    }),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    loop: Type.Optional(loop()),\n    $children: Type.Array(Type.Any(), {\n      \"ui:field\": \"hidden\",\n      description:\n        \"Array of child bricks - each item represents the content for one tab. If you want multiple bricks in one tab, use a 'box' brick as the single child for that tab.\",\n      examples: [\n        [\n          // Tab 1 content\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Overview</h3><p>This is the overview tab content.</p>\",\n            },\n          },\n          // Tab 2 content\n          [\n            {\n              type: \"text\",\n              props: {\n                content: \"<h3>Features</h3><p>Here are our key features.</p>\",\n              },\n            },\n          ],\n        ],\n      ],\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [];\n"],"mappings":"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","names":[]}