@upstart.gg/sdk 0.0.135 → 0.0.137

package/dist/shared/{chunk-GRMY35BU.js → chunk-FUUSAMN3.js}

@@ -1,29 +1,26 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
 import {
-  defineProps
-} from "./chunk-BHC2A43S.js";
-import {
-  defineBrickManifest
-} from "./chunk-TB3X4LRQ.js";
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  loopRef
-} from "./chunk-BW6EFRSF.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  string
-} from "./chunk-UQF52PWK.js";
+  image
+} from "./chunk-DRQKKPTX.js";
 import {
-  imageRef
-} from "./chunk-W6MRYRGJ.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 
 // src/shared/bricks/manifests/carousel.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -32,7 +29,48 @@ var manifest = defineBrickManifest({
   type: "carousel",
   name: "Carousel",
   description: "An image carousel with navigation arrows and dots or numbers indicator",
-  aiInstructions: "Use this brick to create an image carousel or slideshow. It can display multiple images that users can navigate through using arrows or dots. Each image can have an optional legend or caption. This brick is ideal for showcasing portfolios, product images, or any visual content in an engaging way.",
+  aiInstructions: `Use the carousel component for showcasing sequential visual content with smooth navigation between images.
+
+WHEN TO USE:
+- Product galleries with multiple angles or variations
+- Portfolio showcases with project images
+- Step-by-step tutorials or processes (recipes, instructions)
+- Before/after comparisons or transformations
+- Team member profiles with photos
+- Event photo galleries or highlights
+- Feature demonstrations or software screenshots
+- Travel destinations or location showcases
+
+CONTENT GUIDELINES:
+- Optimal range: 2-8 images for best user engagement (max 12 supported)
+- Single image allowed only as placeholder for future expansion
+- Each image needs: { src: { src, alt }, legend }
+- Alt text MUST be descriptive and never empty
+- Legend text should be concise (\u226490 characters) and informative
+- Use empty string ("") for legend only when no caption is intentionally desired
+
+IMAGE CONSISTENCY:
+- Keep aspect ratios similar across slides to prevent layout jumps
+- Avoid mixing very tall portrait with very wide landscape images
+- Use consistent image quality and style throughout carousel
+- Consider loading performance with image optimization
+
+STYLING OPTIONS:
+- padding: "0" for edge-to-edge, "1rem" for standard, "2rem+" for generous spacing
+- borderRadius: "rounded-none" for sharp/modern, "rounded-md" for standard, "rounded-xl" for friendly, "rounded-full" for circular (avatars)
+- colorPreset: Use sparingly - "neutral-50"/"primary-50" for subtle framing, gradients for premium feel
+
+DYNAMIC CONTENT:
+- Use loop property with single template object for data-driven carousels
+- Template variables in src and legend: "{{product.image}}", "{{team.name}} - {{team.role}}"
+- Perfect for: product catalogs, team directories, portfolio projects, event galleries
+
+AVOID:
+- Including unrelated properties (buttons, titles outside legend)
+- Heavy background colors that distract from images
+- Inconsistent aspect ratios that cause jarring transitions
+- More than 12 images (reduces focus and performance)
+- Empty or placeholder alt text (accessibility requirement)`,
   category: "media",
   defaultInspectorTab: "content",
   consumesMultipleQueryRows: true,
@@ -45,12 +83,12 @@ var manifest = defineBrickManifest({
   icon: TbCarouselHorizontal,
   props: defineProps({
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color"
       })
     ),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         default: "1rem",
         description: "Padding inside the carousel.",
         "ai:instructions": "Use only a single value like '1rem' or '10px'",
@@ -63,12 +101,12 @@ var manifest = defineBrickManifest({
     images: Type.Optional(
       Type.Array(
         Type.Object({
-          src: imageRef({
+          src: image({
             "ui:responsive": "desktop",
             "ui:no-alt-text": true,
             "ui:no-object-options": true
           }),
-          legend: string("Legend")
+          legend: Type.String({ title: "Legend" })
         }),
         {
           title: "Images",
@@ -81,16 +119,17 @@ var manifest = defineBrickManifest({
       )
     ),
     borderRadius: Type.Optional(
-      roundingRef({
+      rounding({
         default: "rounded-md"
       })
     ),
-    loop: Type.Optional(loopRef())
+    loop: Type.Optional(loop())
   })
 });
 var examples = [
+  // BASIC CAROUSEL EXAMPLES
   {
-    description: "Basic image carousel with legends",
+    description: "Basic image carousel with legends - Simple content showcase",
     type: "carousel",
     props: {
       images: [
@@ -118,8 +157,9 @@ var examples = [
       ]
     }
   },
+  // PRODUCT & COMMERCIAL
   {
-    description: "Product showcase carousel with rounded corners and padding",
+    description: "Product showcase carousel with rounded corners and padding - E-commerce gallery style",
     type: "carousel",
     props: {
       images: [
@@ -154,11 +194,12 @@ var examples = [
       ],
       borderRadius: "rounded-xl",
       padding: "2rem",
-      colorPreset: { color: "gray-50" }
+      colorPreset: { color: "neutral-50" }
     }
   },
+  // PORTFOLIO & CREATIVE
   {
-    description: "Portfolio carousel with minimal styling",
+    description: "Portfolio carousel with minimal styling - Clean professional presentation",
     type: "carousel",
     props: {
       images: [
@@ -188,8 +229,9 @@ var examples = [
       padding: "0"
     }
   },
+  // EVENTS & EXPERIENCES
   {
-    description: "Event photos carousel with primary color theme",
+    description: "Event photos carousel with primary color theme - Conference or gathering highlights",
     type: "carousel",
     props: {
       images: [
@@ -272,8 +314,9 @@ var examples = [
       padding: "1rem"
     }
   },
+  // TEAM & PEOPLE
   {
-    description: "Team members carousel with blue color scheme",
+    description: "Team members carousel with circular images - Professional team showcase",
     type: "carousel",
     props: {
       images: [
@@ -306,13 +349,14 @@ var examples = [
           legend: "Emily Chen - Marketing Director"
         }
       ],
-      colorPreset: { color: "blue-50" },
+      colorPreset: { color: "primary-50" },
       borderRadius: "rounded-full",
       padding: "2rem"
     }
   },
+  // TUTORIALS & PROCESSES
   {
-    description: "Recipe steps carousel with detailed descriptions",
+    description: "Recipe steps carousel with detailed descriptions - Step-by-step instructional content",
     type: "carousel",
     props: {
       images: [
@@ -345,7 +389,7 @@ var examples = [
           legend: "Step 4: Season and serve hot"
         }
       ],
-      colorPreset: { color: "orange-50" },
+      colorPreset: { color: "accent-50" },
       borderRadius: "rounded-md",
       padding: "1.5rem"
     }
@@ -384,7 +428,7 @@ var examples = [
           legend: "Living Room - After"
         }
       ],
-      colorPreset: { color: "green-50" },
+      colorPreset: { color: "accent-100" },
       borderRadius: "rounded-lg",
       padding: "1rem"
     }
@@ -416,7 +460,7 @@ var examples = [
           legend: "Color Study #7 - 2024"
         }
       ],
-      colorPreset: { color: "gray-900" },
+      colorPreset: { color: "neutral-900" },
       borderRadius: "rounded-sm",
       padding: "3rem"
     }
@@ -469,7 +513,7 @@ var examples = [
           legend: "Weekend Casual - Relaxed Fit"
         }
       ],
-      colorPreset: { color: "purple-100" },
+      colorPreset: { color: "secondary-100" },
       borderRadius: "rounded-xl",
       padding: "2rem"
     }
@@ -501,7 +545,7 @@ var examples = [
           legend: "Electric Sedan"
         }
       ],
-      colorPreset: { color: "red-50" },
+      colorPreset: { color: "accent-50" },
       borderRadius: "rounded-lg",
       padding: "0.5rem"
     }
@@ -540,13 +584,13 @@ var examples = [
           legend: "Security - Enterprise-grade protection"
         }
       ],
-      colorPreset: { color: "indigo-50" },
+      colorPreset: { color: "primary-50" },
       borderRadius: "rounded-2xl",
       padding: "4rem"
     }
   },
   {
-    description: "Dynamic product gallery using products query with pricing and details",
+    description: "Dynamic product gallery using products query - Data-driven product showcase",
     type: "carousel",
     props: {
       images: [
@@ -566,6 +610,87 @@ var examples = [
       }
     }
   },
+  // DYNAMIC CONTENT EXAMPLES
+  {
+    description: "Loop template for portfolioProjects query (one object will repeat per row)",
+    type: "carousel",
+    props: {
+      images: [
+        {
+          src: {
+            src: "{{portfolioProjects.featuredImage}}",
+            alt: "{{portfolioProjects.projectName}} featured image"
+          },
+          legend: "{{portfolioProjects.projectName}} \u2013 {{portfolioProjects.clientName}} ({{portfolioProjects.year}})"
+        }
+      ],
+      colorPreset: { color: "neutral-50" },
+      borderRadius: "rounded-md",
+      padding: "1rem",
+      loop: {
+        over: "portfolioProjects"
+      }
+    }
+  },
+  // SPECIAL STYLING VARIATIONS
+  {
+    description: "Showcase carousel with subtle gradient background frame",
+    type: "carousel",
+    props: {
+      images: [
+        {
+          src: { src: "https://via.placeholder.com/900x500.png?text=Showcase+1", alt: "Showcase slide 1" },
+          legend: "Launch Dashboard"
+        },
+        {
+          src: { src: "https://via.placeholder.com/900x500.png?text=Showcase+2", alt: "Showcase slide 2" },
+          legend: "Collaboration Tools"
+        },
+        {
+          src: { src: "https://via.placeholder.com/900x500.png?text=Showcase+3", alt: "Showcase slide 3" },
+          legend: "Usage Analytics"
+        }
+      ],
+      colorPreset: { color: "primary-gradient-300", gradientDirection: "bg-gradient-to-br" },
+      borderRadius: "rounded-xl",
+      padding: "2rem"
+    }
+  },
+  // MINIMAL EDGE (no padding, square corners)
+  {
+    description: "Minimal edge-to-edge carousel (no padding, no rounding)",
+    type: "carousel",
+    props: {
+      images: [
+        {
+          src: { src: "https://via.placeholder.com/800x400.png?text=Edge+1", alt: "Edge slide 1" },
+          legend: ""
+        },
+        {
+          src: { src: "https://via.placeholder.com/800x400.png?text=Edge+2", alt: "Edge slide 2" },
+          legend: ""
+        }
+      ],
+      borderRadius: "rounded-none",
+      padding: "0"
+    }
+  },
+  // SINGLE IMAGE (acts as prepared placeholder carousel)
+  {
+    description: "Single-image carousel (placeholder for future expansion)",
+    type: "carousel",
+    props: {
+      images: [
+        {
+          src: { src: "https://via.placeholder.com/1000x420.png?text=Banner", alt: "Promotional banner" },
+          legend: "Early Access Program"
+        }
+      ],
+      colorPreset: { color: "secondary-50" },
+      borderRadius: "rounded-lg",
+      padding: "1.25rem"
+    }
+  },
   {
     description: "Team member carousel using teamMembers query with roles and departments",
     type: "carousel",
@@ -719,4 +844,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-GRMY35BU.js.map
+//# sourceMappingURL=chunk-FUUSAMN3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/carousel.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { TbCarouselHorizontal } from \"react-icons/tb\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { rounding } from \"../props/border\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"carousel\",\n  name: \"Carousel\",\n  description: \"An image carousel with navigation arrows and dots or numbers indicator\",\n  aiInstructions: `Use the carousel component for showcasing sequential visual content with smooth navigation between images.\n\nWHEN TO USE:\n- Product galleries with multiple angles or variations\n- Portfolio showcases with project images\n- Step-by-step tutorials or processes (recipes, instructions)\n- Before/after comparisons or transformations\n- Team member profiles with photos\n- Event photo galleries or highlights\n- Feature demonstrations or software screenshots\n- Travel destinations or location showcases\n\nCONTENT GUIDELINES:\n- Optimal range: 2-8 images for best user engagement (max 12 supported)\n- Single image allowed only as placeholder for future expansion\n- Each image needs: { src: { src, alt }, legend }\n- Alt text MUST be descriptive and never empty\n- Legend text should be concise (≤90 characters) and informative\n- Use empty string (\"\") for legend only when no caption is intentionally desired\n\nIMAGE CONSISTENCY:\n- Keep aspect ratios similar across slides to prevent layout jumps\n- Avoid mixing very tall portrait with very wide landscape images\n- Use consistent image quality and style throughout carousel\n- Consider loading performance with image optimization\n\nSTYLING OPTIONS:\n- padding: \"0\" for edge-to-edge, \"1rem\" for standard, \"2rem+\" for generous spacing\n- borderRadius: \"rounded-none\" for sharp/modern, \"rounded-md\" for standard, \"rounded-xl\" for friendly, \"rounded-full\" for circular (avatars)\n- colorPreset: Use sparingly - \"neutral-50\"/\"primary-50\" for subtle framing, gradients for premium feel\n\nDYNAMIC CONTENT:\n- Use loop property with single template object for data-driven carousels\n- Template variables in src and legend: \"{{product.image}}\", \"{{team.name}} - {{team.role}}\"\n- Perfect for: product catalogs, team directories, portfolio projects, event galleries\n\nAVOID:\n- Including unrelated properties (buttons, titles outside legend)\n- Heavy background colors that distract from images\n- Inconsistent aspect ratios that cause jarring transitions\n- More than 12 images (reduces focus and performance)\n- Empty or placeholder alt text (accessibility requirement)`,\n  category: \"media\",\n  defaultInspectorTab: \"content\",\n  consumesMultipleQueryRows: true,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 300,\n  },\n  icon: TbCarouselHorizontal,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"1rem\",\n        description: \"Padding inside the carousel.\",\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    images: Type.Optional(\n      Type.Array(\n        Type.Object({\n          src: image({\n            \"ui:responsive\": \"desktop\",\n            \"ui:no-alt-text\": true,\n            \"ui:no-object-options\": true,\n          }),\n          legend: Type.String({ title: \"Legend\" }),\n        }),\n        {\n          title: \"Images\",\n          default: [],\n          maxItems: 12,\n          metadata: {\n            category: \"content\",\n          },\n        },\n      ),\n    ),\n    borderRadius: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  // BASIC CAROUSEL EXAMPLES\n  {\n    description: \"Basic image carousel with legends - Simple content showcase\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=Slide+1\",\n            alt: \"First slide\",\n          },\n          legend: \"Beautiful landscape\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=Slide+2\",\n            alt: \"Second slide\",\n          },\n          legend: \"Amazing architecture\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=Slide+3\",\n            alt: \"Third slide\",\n          },\n          legend: \"Stunning nature\",\n        },\n      ],\n    },\n  },\n\n  // PRODUCT & COMMERCIAL\n  {\n    description: \"Product showcase carousel with rounded corners and padding - E-commerce gallery style\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Product+1\",\n            alt: \"Product 1\",\n          },\n          legend: \"Premium Headphones - $199\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Product+2\",\n            alt: \"Product 2\",\n          },\n          legend: \"Wireless Speaker - $149\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Product+3\",\n            alt: \"Product 3\",\n          },\n          legend: \"Smart Watch - $299\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Product+4\",\n            alt: \"Product 4\",\n          },\n          legend: \"Laptop Stand - $79\",\n        },\n      ],\n      borderRadius: \"rounded-xl\",\n      padding: \"2rem\",\n      colorPreset: { color: \"neutral-50\" },\n    },\n  },\n\n  // PORTFOLIO & CREATIVE\n  {\n    description: \"Portfolio carousel with minimal styling - Clean professional presentation\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x600.png?text=Portfolio+1\",\n            alt: \"Portfolio piece 1\",\n          },\n          legend: \"Web Design Project\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x600.png?text=Portfolio+2\",\n            alt: \"Portfolio piece 2\",\n          },\n          legend: \"Brand Identity Design\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x600.png?text=Portfolio+3\",\n            alt: \"Portfolio piece 3\",\n          },\n          legend: \"Mobile App Interface\",\n        },\n      ],\n      borderRadius: \"rounded-none\",\n      padding: \"0\",\n    },\n  },\n\n  // EVENTS & EXPERIENCES\n  {\n    description: \"Event photos carousel with primary color theme - Conference or gathering highlights\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x500.png?text=Event+Photo+1\",\n            alt: \"Event photo 1\",\n          },\n          legend: \"Opening Ceremony\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x500.png?text=Event+Photo+2\",\n            alt: \"Event photo 2\",\n          },\n          legend: \"Keynote Speaker\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x500.png?text=Event+Photo+3\",\n            alt: \"Event photo 3\",\n          },\n          legend: \"Networking Session\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x500.png?text=Event+Photo+4\",\n            alt: \"Event photo 4\",\n          },\n          legend: \"Award Ceremony\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x500.png?text=Event+Photo+5\",\n            alt: \"Event photo 5\",\n          },\n          legend: \"Closing Remarks\",\n        },\n      ],\n      colorPreset: { color: \"primary-100\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"1.5rem\",\n    },\n  },\n  {\n    description: \"Travel destinations carousel without legends\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/700x450.png?text=Paris\",\n            alt: \"Paris cityscape\",\n          },\n          legend: \"\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/700x450.png?text=Tokyo\",\n            alt: \"Tokyo skyline\",\n          },\n          legend: \"\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/700x450.png?text=New+York\",\n            alt: \"New York streets\",\n          },\n          legend: \"\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/700x450.png?text=London\",\n            alt: \"London landmarks\",\n          },\n          legend: \"\",\n        },\n      ],\n      borderRadius: \"rounded-2xl\",\n      padding: \"1rem\",\n    },\n  },\n\n  // TEAM & PEOPLE\n  {\n    description: \"Team members carousel with circular images - Professional team showcase\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/400x400.png?text=Team+1\",\n            alt: \"Team member 1\",\n          },\n          legend: \"John Smith - CEO\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/400x400.png?text=Team+2\",\n            alt: \"Team member 2\",\n          },\n          legend: \"Sarah Johnson - CTO\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/400x400.png?text=Team+3\",\n            alt: \"Team member 3\",\n          },\n          legend: \"Mike Davis - Design Lead\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/400x400.png?text=Team+4\",\n            alt: \"Team member 4\",\n          },\n          legend: \"Emily Chen - Marketing Director\",\n        },\n      ],\n      colorPreset: { color: \"primary-50\" },\n      borderRadius: \"rounded-full\",\n      padding: \"2rem\",\n    },\n  },\n\n  // TUTORIALS & PROCESSES\n  {\n    description: \"Recipe steps carousel with detailed descriptions - Step-by-step instructional content\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Step+1\",\n            alt: \"Recipe step 1\",\n          },\n          legend: \"Step 1: Prepare all ingredients\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Step+2\",\n            alt: \"Recipe step 2\",\n          },\n          legend: \"Step 2: Heat oil in a large pan\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Step+3\",\n            alt: \"Recipe step 3\",\n          },\n          legend: \"Step 3: Add vegetables and sauté\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x400.png?text=Step+4\",\n            alt: \"Recipe step 4\",\n          },\n          legend: \"Step 4: Season and serve hot\",\n        },\n      ],\n      colorPreset: { color: \"accent-50\" },\n      borderRadius: \"rounded-md\",\n      padding: \"1.5rem\",\n    },\n  },\n  {\n    description: \"Before and after comparison carousel\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=Before+1\",\n            alt: \"Before renovation 1\",\n          },\n          legend: \"Kitchen - Before Renovation\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=After+1\",\n            alt: \"After renovation 1\",\n          },\n          legend: \"Kitchen - After Renovation\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=Before+2\",\n            alt: \"Before renovation 2\",\n          },\n          legend: \"Living Room - Before\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x400.png?text=After+2\",\n            alt: \"After renovation 2\",\n          },\n          legend: \"Living Room - After\",\n        },\n      ],\n      colorPreset: { color: \"accent-100\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Art gallery carousel with dramatic styling\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x800.png?text=Artwork+1\",\n            alt: \"Abstract painting 1\",\n          },\n          legend: \"Abstract Composition #1 - 2023\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x800.png?text=Artwork+2\",\n            alt: \"Abstract painting 2\",\n          },\n          legend: \"Urban Landscape - 2023\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/600x800.png?text=Artwork+3\",\n            alt: \"Abstract painting 3\",\n          },\n          legend: \"Color Study #7 - 2024\",\n        },\n      ],\n      colorPreset: { color: \"neutral-900\" },\n      borderRadius: \"rounded-sm\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Fashion lookbook carousel with purple theme\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+1\",\n            alt: \"Fashion look 1\",\n          },\n          legend: \"Spring Collection - Casual Chic\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+2\",\n            alt: \"Fashion look 2\",\n          },\n          legend: \"Summer Vibes - Beach Ready\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+3\",\n            alt: \"Fashion look 3\",\n          },\n          legend: \"Autumn Elegance - Business\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+4\",\n            alt: \"Fashion look 4\",\n          },\n          legend: \"Winter Style - Cozy Comfort\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+5\",\n            alt: \"Fashion look 5\",\n          },\n          legend: \"Evening Wear - Formal Event\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/500x700.png?text=Look+6\",\n            alt: \"Fashion look 6\",\n          },\n          legend: \"Weekend Casual - Relaxed Fit\",\n        },\n      ],\n      colorPreset: { color: \"secondary-100\" },\n      borderRadius: \"rounded-xl\",\n      padding: \"2rem\",\n    },\n  },\n  {\n    description: \"Car showcase carousel with compact design\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x450.png?text=Car+1\",\n            alt: \"Sports car 1\",\n          },\n          legend: \"2024 Sports Coupe\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x450.png?text=Car+2\",\n            alt: \"SUV model\",\n          },\n          legend: \"Family SUV\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/800x450.png?text=Car+3\",\n            alt: \"Electric vehicle\",\n          },\n          legend: \"Electric Sedan\",\n        },\n      ],\n      colorPreset: { color: \"accent-50\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"0.5rem\",\n    },\n  },\n  {\n    description: \"Software features carousel with large padding\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x500.png?text=Feature+1\",\n            alt: \"Software feature 1\",\n          },\n          legend: \"Dashboard Analytics - Real-time insights\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x500.png?text=Feature+2\",\n            alt: \"Software feature 2\",\n          },\n          legend: \"Team Collaboration - Work together seamlessly\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x500.png?text=Feature+3\",\n            alt: \"Software feature 3\",\n          },\n          legend: \"Mobile App - Access anywhere, anytime\",\n        },\n        {\n          src: {\n            src: \"https://via.placeholder.com/900x500.png?text=Feature+4\",\n            alt: \"Software feature 4\",\n          },\n          legend: \"Security - Enterprise-grade protection\",\n        },\n      ],\n      colorPreset: { color: \"primary-50\" },\n      borderRadius: \"rounded-2xl\",\n      padding: \"4rem\",\n    },\n  },\n  {\n    description: \"Dynamic product gallery using products query - Data-driven product showcase\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{products.image}}\",\n            alt: \"{{products.name}}\",\n          },\n          legend: \"{{products.name}} - ${{products.price}}\",\n        },\n      ],\n      colorPreset: { color: \"primary-50\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"1.5rem\",\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n\n  // DYNAMIC CONTENT EXAMPLES\n  {\n    description: \"Loop template for portfolioProjects query (one object will repeat per row)\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{portfolioProjects.featuredImage}}\",\n            alt: \"{{portfolioProjects.projectName}} featured image\",\n          },\n          legend:\n            \"{{portfolioProjects.projectName}} – {{portfolioProjects.clientName}} ({{portfolioProjects.year}})\",\n        },\n      ],\n      colorPreset: { color: \"neutral-50\" },\n      borderRadius: \"rounded-md\",\n      padding: \"1rem\",\n      loop: {\n        over: \"portfolioProjects\",\n      },\n    },\n  },\n\n  // SPECIAL STYLING VARIATIONS\n  {\n    description: \"Showcase carousel with subtle gradient background frame\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: { src: \"https://via.placeholder.com/900x500.png?text=Showcase+1\", alt: \"Showcase slide 1\" },\n          legend: \"Launch Dashboard\",\n        },\n        {\n          src: { src: \"https://via.placeholder.com/900x500.png?text=Showcase+2\", alt: \"Showcase slide 2\" },\n          legend: \"Collaboration Tools\",\n        },\n        {\n          src: { src: \"https://via.placeholder.com/900x500.png?text=Showcase+3\", alt: \"Showcase slide 3\" },\n          legend: \"Usage Analytics\",\n        },\n      ],\n      colorPreset: { color: \"primary-gradient-300\", gradientDirection: \"bg-gradient-to-br\" },\n      borderRadius: \"rounded-xl\",\n      padding: \"2rem\",\n    },\n  },\n  // MINIMAL EDGE (no padding, square corners)\n  {\n    description: \"Minimal edge-to-edge carousel (no padding, no rounding)\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: { src: \"https://via.placeholder.com/800x400.png?text=Edge+1\", alt: \"Edge slide 1\" },\n          legend: \"\",\n        },\n        {\n          src: { src: \"https://via.placeholder.com/800x400.png?text=Edge+2\", alt: \"Edge slide 2\" },\n          legend: \"\",\n        },\n      ],\n      borderRadius: \"rounded-none\",\n      padding: \"0\",\n    },\n  },\n  // SINGLE IMAGE (acts as prepared placeholder carousel)\n  {\n    description: \"Single-image carousel (placeholder for future expansion)\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: { src: \"https://via.placeholder.com/1000x420.png?text=Banner\", alt: \"Promotional banner\" },\n          legend: \"Early Access Program\",\n        },\n      ],\n      colorPreset: { color: \"secondary-50\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"1.25rem\",\n    },\n  },\n  {\n    description: \"Team member carousel using teamMembers query with roles and departments\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{teamMembers.photo}}\",\n            alt: \"{{teamMembers.fullName}}\",\n          },\n          legend: \"{{teamMembers.fullName}} - {{teamMembers.position}}, {{teamMembers.department}}\",\n        },\n      ],\n      colorPreset: { color: \"secondary-100\" },\n      borderRadius: \"rounded-xl\",\n      padding: \"2rem\",\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio showcase using portfolioProjects query with client information\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{portfolioProjects.featuredImage}}\",\n            alt: \"{{portfolioProjects.projectName}}\",\n          },\n          legend:\n            \"{{portfolioProjects.projectName}} - {{portfolioProjects.clientName}} ({{portfolioProjects.year}})\",\n        },\n      ],\n      colorPreset: { color: \"neutral-100\" },\n      borderRadius: \"rounded-md\",\n      padding: \"1rem\",\n      loop: {\n        over: \"portfolioProjects\",\n      },\n    },\n  },\n  {\n    description: \"Event photo gallery using eventPhotos query with captions and dates\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{eventPhotos.imageUrl}}\",\n            alt: \"{{eventPhotos.caption}}\",\n          },\n          legend: \"{{eventPhotos.caption}} - {{eventPhotos.eventDate}}\",\n        },\n      ],\n      colorPreset: { color: \"accent-50\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"2rem\",\n      loop: {\n        over: \"eventPhotos\",\n      },\n    },\n  },\n  {\n    description: \"Property listings carousel using realEstateProperties query with pricing\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{realEstateProperties.mainPhoto}}\",\n            alt: \"{{realEstateProperties.address}}\",\n          },\n          legend:\n            \"{{realEstateProperties.address}} - ${{realEstateProperties.price}} • {{realEstateProperties.bedrooms}}BR/{{realEstateProperties.bathrooms}}BA\",\n        },\n      ],\n      colorPreset: { color: \"primary-100\" },\n      borderRadius: \"rounded-xl\",\n      padding: \"1.5rem\",\n      loop: {\n        over: \"realEstateProperties\",\n      },\n    },\n  },\n  {\n    description: \"Restaurant menu carousel using menuItems query with categories and prices\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{menuItems.photo}}\",\n            alt: \"{{menuItems.dishName}}\",\n          },\n          legend: \"{{menuItems.dishName}} - {{menuItems.category}} • ${{menuItems.price}}\",\n        },\n      ],\n      colorPreset: { color: \"neutral-50\" },\n      borderRadius: \"rounded-lg\",\n      padding: \"1rem\",\n      loop: {\n        over: \"menuItems\",\n      },\n    },\n  },\n  {\n    description: \"Travel destinations carousel using destinations query with country information\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{destinations.heroImage}}\",\n            alt: \"{{destinations.cityName}}\",\n          },\n          legend: \"{{destinations.cityName}}, {{destinations.country}} - {{destinations.bestTimeToVisit}}\",\n        },\n      ],\n      colorPreset: { color: \"secondary-50\" },\n      borderRadius: \"rounded-2xl\",\n      padding: \"2.5rem\",\n      loop: {\n        over: \"destinations\",\n      },\n    },\n  },\n  {\n    description: \"Art collection carousel using artworks query with artist and year information\",\n    type: \"carousel\",\n    props: {\n      images: [\n        {\n          src: {\n            src: \"{{artworks.imageUrl}}\",\n            alt: \"{{artworks.title}}\",\n          },\n          legend: \"{{artworks.title}} by {{artworks.artist}} ({{artworks.year}}) - {{artworks.medium}}\",\n        },\n      ],\n      colorPreset: { color: \"accent-100\" },\n      borderRadius: \"rounded-sm\",\n      padding: \"3rem\",\n      loop: {\n        over: \"artworks\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-GDYCCB3B.js

@@ -0,0 +1,22 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+
+// src/shared/utils/string-enum.ts
+import { TypeRegistry, Kind, Type } from "@sinclair/typebox";
+function StringEnumCheck(schema, value) {
+  return typeof value === "string" && schema.enum.includes(value);
+}
+TypeRegistry.Set("StringEnum", StringEnumCheck);
+function StringEnum(values, options = {}) {
+  return Type.Unsafe({
+    [Kind]: "StringEnum",
+    type: "string",
+    enum: values,
+    ...options
+  });
+}
+
+export {
+  StringEnum
+};
+//# sourceMappingURL=chunk-GDYCCB3B.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/utils/string-enum.ts"],"sourcesContent":["import { TypeRegistry, Kind, type TSchema, type SchemaOptions, Type } from \"@sinclair/typebox\";\n\nexport type StringEnumOptions = Partial<SchemaOptions> & {\n  enumNames?: string[];\n};\n\n// -------------------------------------------------------------------------------------\n// TStringEnum\n// -------------------------------------------------------------------------------------\nexport interface TStringEnum<T extends string[]> extends TSchema {\n  [Kind]: \"StringEnum\";\n  static: T[number];\n  enum: T;\n}\n\nfunction StringEnumCheck(schema: TStringEnum<string[]>, value: unknown) {\n  return typeof value === \"string\" && schema.enum.includes(value);\n}\n\nTypeRegistry.Set(\"StringEnum\", StringEnumCheck);\n\n// -------------------------------------------------------------------------------------\n// UnionEnum\n// -------------------------------------------------------------------------------------\n/** `[Experimental]` Creates a Union type with a `enum` schema representation  */\nexport function StringEnum<T extends string[]>(values: [...T], options: StringEnumOptions = {}) {\n  return Type.Unsafe<T[number]>({\n    [Kind]: \"StringEnum\",\n    type: \"string\",\n    enum: values,\n    ...options,\n  });\n}\n"],"mappings":";;;;AAAA,SAAS,cAAc,MAAwC,YAAY;AAe3E,SAAS,gBAAgB,QAA+B,OAAgB;AACtE,SAAO,OAAO,UAAU,YAAY,OAAO,KAAK,SAAS,KAAK;AAChE;AAEA,aAAa,IAAI,cAAc,eAAe;AAMvC,SAAS,WAA+B,QAAgB,UAA6B,CAAC,GAAG;AAC9F,SAAO,KAAK,OAAkB;AAAA,IAC5B,CAAC,IAAI,GAAG;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/shared/chunk-GLV6QIIM.js

@@ -0,0 +1,41 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
+
+// src/shared/images.ts
+import { Type } from "@sinclair/typebox";
+var imageSearchSchema = Type.Object({
+  query: Type.String({
+    description: 'The search query for finding images (e.g. "mountain landscape", "coffee shop")'
+  }),
+  orientation: Type.Optional(
+    StringEnum(["landscape", "portrait", "squarish"], {
+      description: "Filter by photo orientation"
+    })
+  )
+});
+var imageResultsSchema = Type.Array(
+  Type.Object({
+    provider: Type.String({ description: "The image provider (e.g. unsplash, pexels)" }),
+    description: Type.String({ description: "A brief description of the image" }),
+    url: Type.String({ description: "The URL of the image" }),
+    blurHash: Type.Optional(Type.String({ description: "The blur hash of the image" })),
+    author: Type.Optional(
+      Type.Object({
+        name: Type.String({ description: "The name of the user who uploaded the image" }),
+        profileUrl: Type.String({ description: "The profile URL of the user who uploaded the image" })
+      })
+    )
+  }),
+  {
+    title: "Array of image search results"
+  }
+);
+
+export {
+  imageSearchSchema,
+  imageResultsSchema
+};
+//# sourceMappingURL=chunk-GLV6QIIM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/images.ts"],"sourcesContent":["import { type Static, Type } from \"@sinclair/typebox\";\nimport { StringEnum } from \"./utils/string-enum\";\n\nexport const imageSearchSchema = Type.Object({\n  query: Type.String({\n    description: 'The search query for finding images (e.g. \"mountain landscape\", \"coffee shop\")',\n  }),\n  orientation: Type.Optional(\n    StringEnum([\"landscape\", \"portrait\", \"squarish\"], {\n      description: \"Filter by photo orientation\",\n    }),\n  ),\n});\n\n// Derive TypeScript type from the schema\nexport type ImageSearchParams = Static<typeof imageSearchSchema>;\n\nexport const imageResultsSchema = Type.Array(\n  Type.Object({\n    provider: Type.String({ description: \"The image provider (e.g. unsplash, pexels)\" }),\n    description: Type.String({ description: \"A brief description of the image\" }),\n    url: Type.String({ description: \"The URL of the image\" }),\n    blurHash: Type.Optional(Type.String({ description: \"The blur hash of the image\" })),\n    author: Type.Optional(\n      Type.Object({\n        name: Type.String({ description: \"The name of the user who uploaded the image\" }),\n        profileUrl: Type.String({ description: \"The profile URL of the user who uploaded the image\" }),\n      }),\n    ),\n  }),\n  {\n    title: \"Array of image search results\",\n  },\n);\n\nexport type ImageSearchResultsType = Static<typeof imageResultsSchema>;\nexport type SimpleImageMetadata = Pick<\n  ImageSearchResultsType[number],\n  \"description\" | \"blurHash\" | \"author\" | \"url\" | \"provider\"\n>;\n"],"mappings":";;;;;;;AAAA,SAAsB,YAAY;AAG3B,IAAM,oBAAoB,KAAK,OAAO;AAAA,EAC3C,OAAO,KAAK,OAAO;AAAA,IACjB,aAAa;AAAA,EACf,CAAC;AAAA,EACD,aAAa,KAAK;AAAA,IAChB,WAAW,CAAC,aAAa,YAAY,UAAU,GAAG;AAAA,MAChD,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACF,CAAC;AAKM,IAAM,qBAAqB,KAAK;AAAA,EACrC,KAAK,OAAO;AAAA,IACV,UAAU,KAAK,OAAO,EAAE,aAAa,6CAA6C,CAAC;AAAA,IACnF,aAAa,KAAK,OAAO,EAAE,aAAa,mCAAmC,CAAC;AAAA,IAC5E,KAAK,KAAK,OAAO,EAAE,aAAa,uBAAuB,CAAC;AAAA,IACxD,UAAU,KAAK,SAAS,KAAK,OAAO,EAAE,aAAa,6BAA6B,CAAC,CAAC;AAAA,IAClF,QAAQ,KAAK;AAAA,MACX,KAAK,OAAO;AAAA,QACV,MAAM,KAAK,OAAO,EAAE,aAAa,8CAA8C,CAAC;AAAA,QAChF,YAAY,KAAK,OAAO,EAAE,aAAa,qDAAqD,CAAC;AAAA,MAC/F,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACD;AAAA,IACE,OAAO;AAAA,EACT;AACF;","names":[]}