@upstart.gg/sdk 0.0.137 → 0.0.138

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/images-gallery.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { IoGridOutline } from \"react-icons/io5\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\n\nexport const manifest = defineBrickManifest({\n  type: \"images-gallery\",\n  name: \"Gallery\",\n  category: \"media\",\n  description: \"Displays an images collection.\",\n  aiInstructions:\n    \"This brick should mostly be used for image galleries. Prefer using card bricks for product showcases, articles lists with images, or other collections.\",\n  consumesMultipleQueryRows: true,\n  defaultInspectorTab: \"content\",\n  isContainer: false,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 300,\n  },\n  defaultWidth: {\n    desktop: \"400px\",\n    mobile: \"100%\",\n  },\n  icon: IoGridOutline,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n    images: Type.Array(\n      Type.Object({\n        image: image({\n          \"ui:responsive\": \"desktop\",\n          \"ui:no-alt-text\": true,\n          \"ui:no-object-options\": true,\n          \"ui:placeholder\": \"https://example.com/image.jpg\",\n        }),\n        legend: Type.Optional(Type.String({ title: \"Legend\" })),\n      }),\n      {\n        title: \"Images\",\n        default: [],\n        maxItems: 12,\n        metadata: {\n          category: \"content\",\n          consumeQuery: true,\n        },\n        examples: [\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+1\" },\n            legend: \"Image 1\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+2\" },\n            legend: \"Image 2\",\n          },\n          {\n            image: { src: \"https://via.placeholder.com/300x200.png?text=Image+3\" },\n            legend: \"Image 3\",\n          },\n        ],\n      },\n    ),\n    columns: Type.Optional(\n      Type.Number({\n        title: \"Columns\",\n        description:\n          \"Number of columns. Only applies to desktop screens. On mobile, it will always display 1 column.\",\n        minimum: 1,\n        maximum: 6,\n        default: 3,\n        \"ui:field\": \"slider\",\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLength({\n        title: \"Gap\",\n        description: \"The gap between the images.\",\n        default: \"1rem\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"3rem\",\n        description: \"Padding inside the gallery.\",\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    border: Type.Optional(border()),\n\n    // Override grow to default to true\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: \"Product portfolio gallery (3-column grid)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2.5rem\",\n      padding: \"p-4\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+1\",\n          },\n          legend: \"Premium wireless headphones\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+2\",\n          },\n          legend: \"Bluetooth speaker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+3\",\n          },\n          legend: \"Smart fitness tracker\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Product+4\",\n          },\n          legend: \"Wireless charging pad\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Team photos gallery (4-column grid), light neutral background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CEO\",\n          },\n          legend: \"Sarah Johnson - Chief Executive Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=CTO\",\n          },\n          legend: \"Mike Chen - Chief Technology Officer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Design\",\n          },\n          legend: \"Emily Rodriguez - Head of Design\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Marketing\",\n          },\n          legend: \"David Park - Marketing Director\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Sales\",\n          },\n          legend: \"Lisa Wong - Sales Manager\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Support\",\n          },\n          legend: \"Alex Thompson - Customer Support Lead\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dev\",\n          },\n          legend: \"Carlos Martinez - Senior Developer\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=HR\",\n          },\n          legend: \"Jennifer Adams - HR Specialist\",\n        },\n      ],\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n    },\n  },\n  {\n    description: \"Project showcase (2-column grid with larger spacing)\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Website+Redesign\",\n          },\n          legend: \"Modern e-commerce website redesign project\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Mobile+App\",\n          },\n          legend: \"iOS and Android mobile application\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Brand+Identity\",\n          },\n          legend: \"Complete brand identity design package\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/600x400.png?text=Dashboard+UI\",\n          },\n          legend: \"Analytics dashboard user interface\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Event photos gallery with tight spacing and minimal padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"p-6\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Opening\",\n          },\n          legend: \"Conference opening ceremony\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Keynote\",\n          },\n          legend: \"Keynote presentation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Workshop\",\n          },\n          legend: \"Technical workshop session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Networking\",\n          },\n          legend: \"Networking lunch break\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Panel\",\n          },\n          legend: \"Expert panel discussion\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/250x180.png?text=Awards\",\n          },\n          legend: \"Awards ceremony\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Photography portfolio with single column layout and primary background\",\n    type: \"images-gallery\",\n    props: {\n      columns: 1,\n      gap: \"3rem\",\n      padding: \"4rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Landscape+1\",\n          },\n          legend: \"Mountain sunrise landscape photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Portrait+1\",\n          },\n          legend: \"Professional business portrait session\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/800x600.png?text=Architecture+1\",\n          },\n          legend: \"Modern architectural photography\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Real estate property gallery with secondary colors and borders\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      border: {\n        width: \"border\",\n        color: \"border-secondary-300\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Living+Room\",\n          },\n          legend: \"Spacious living room with natural light\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Kitchen\",\n          },\n          legend: \"Modern kitchen with granite countertops\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Master+Bedroom\",\n          },\n          legend: \"Master bedroom with walk-in closet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Bathroom\",\n          },\n          legend: \"Luxury bathroom with marble finishes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Backyard\",\n          },\n          legend: \"Private backyard with pool\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x300.png?text=Garage\",\n          },\n          legend: \"Two-car garage with storage\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Restaurant food gallery with 5-column grid and accent colors\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"0.75rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-200\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Appetizer\",\n          },\n          legend: \"Bruschetta with fresh tomatoes\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Soup\",\n          },\n          legend: \"Creamy mushroom bisque\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Salad\",\n          },\n          legend: \"Mediterranean quinoa salad\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Main+Course\",\n          },\n          legend: \"Grilled salmon with herbs\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Dessert\",\n          },\n          legend: \"Chocolate lava cake\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Beverage\",\n          },\n          legend: \"Artisan coffee selection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pasta\",\n          },\n          legend: \"Homemade fettuccine alfredo\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Pizza\",\n          },\n          legend: \"Wood-fired margherita pizza\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Art gallery exhibition with 6-column grid and minimal styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.5rem\",\n      padding: \"1rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Abstract+1\",\n          },\n          legend: \"Abstract composition #1\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Portrait+Art\",\n          },\n          legend: \"Contemporary portrait\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Landscape+Art\",\n          },\n          legend: \"Impressionist landscape\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Still+Life\",\n          },\n          legend: \"Modern still life\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Sculpture\",\n          },\n          legend: \"Bronze sculpture piece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Digital+Art\",\n          },\n          legend: \"Digital artwork collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Mixed+Media\",\n          },\n          legend: \"Mixed media installation\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Photography\",\n          },\n          legend: \"Fine art photography\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/200x250.png?text=Watercolor\",\n          },\n          legend: \"Watercolor painting\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Fashion lookbook with 2-column layout and neutral dark theme\",\n    type: \"images-gallery\",\n    props: {\n      columns: 2,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-neutral-600\",\n      },\n      rounding: \"rounded-2xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Spring+Look\",\n          },\n          legend: \"Spring casual collection 2024\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Summer+Look\",\n          },\n          legend: \"Summer evening wear\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Business+Look\",\n          },\n          legend: \"Professional business attire\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Weekend+Look\",\n          },\n          legend: \"Weekend comfort style\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Formal+Look\",\n          },\n          legend: \"Formal evening collection\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x600.png?text=Street+Style\",\n          },\n          legend: \"Urban street fashion\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Travel destinations gallery with 3-column grid and no legends\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"1.25rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"primary-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Paris\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Tokyo\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=New+York\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=London\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Rome\",\n          },\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/350x250.png?text=Barcelona\",\n          },\n        },\n      ],\n    },\n  },\n  {\n    description: \"Technical equipment gallery with 4-column grid and accent styling\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"accent-100\",\n      },\n      border: {\n        width: \"border-4\",\n        color: \"border-accent-400\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Camera\",\n          },\n          legend: \"Professional DSLR camera\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Laptop\",\n          },\n          legend: \"High-performance laptop\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Microphone\",\n          },\n          legend: \"Studio recording microphone\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Monitor\",\n          },\n          legend: \"4K professional monitor\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Tablet\",\n          },\n          legend: \"Digital drawing tablet\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Speakers\",\n          },\n          legend: \"Studio monitor speakers\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Keyboard\",\n          },\n          legend: \"Mechanical keyboard\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/300x300.png?text=Mouse\",\n          },\n          legend: \"Precision gaming mouse\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Minimal product showcase with large gaps and no padding\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"4rem\",\n      padding: \"0rem\",\n      images: [\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Watch\",\n          },\n          legend: \"Luxury Swiss timepiece\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Jewelry\",\n          },\n          legend: \"Handcrafted gold necklace\",\n        },\n        {\n          image: {\n            src: \"https://via.placeholder.com/400x400.png?text=Sunglasses\",\n          },\n          legend: \"Designer sunglasses collection\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Dynamic product gallery using products query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 4,\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{products.image}}\",\n          },\n          legend: \"{{products.name}} - ${{products.price}}\",\n        },\n      ],\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio showcase using portfolioProjects query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 3,\n      gap: \"2rem\",\n      padding: \"3rem\",\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      rounding: \"rounded-xl\",\n      images: [\n        {\n          image: {\n            src: \"{{portfolioProjects.thumbnail}}\",\n          },\n          legend:\n            \"{{portfolioProjects.projectName}} - {{portfolioProjects.clientName}} ({{portfolioProjects.year}})\",\n        },\n      ],\n      loop: {\n        over: \"portfolioProjects\",\n      },\n    },\n  },\n  {\n    description: \"Event photo gallery using eventPhotos query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 5,\n      gap: \"1rem\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"accent-50\",\n      },\n      border: {\n        width: \"border-2\",\n        color: \"border-accent-300\",\n      },\n      rounding: \"rounded-md\",\n      images: [\n        {\n          image: {\n            src: \"{{eventPhotos.imageUrl}}\",\n          },\n          legend: \"{{eventPhotos.caption}} - {{eventPhotos.eventDate}}\",\n        },\n      ],\n      loop: {\n        over: \"eventPhotos\",\n      },\n    },\n  },\n  {\n    description: \"Team member gallery using teamMembers query with loop\",\n    type: \"images-gallery\",\n    props: {\n      columns: 6,\n      gap: \"0.75rem\",\n      padding: \"2.5rem\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      rounding: \"rounded-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n      images: [\n        {\n          image: {\n            src: \"{{teamMembers.profilePhoto}}\",\n          },\n          legend: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n        },\n      ],\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-JSDKK5QN.js → chunk-EUFVTHAG.js}

@@ -6,7 +6,8 @@ import { Type } from "@sinclair/typebox";
 function color(options = {}) {
   return Type.String({
     title: "Text color",
-    "ai:instructions": "hex/rgb/rgba color or classes like `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
+    "ai:instructions": "Format is `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
+    pattern: "^text-(primary|secondary|accent|neutral|base|inherit)-?(50|100|200|300|400|500|600|700|800|900)?$",
     "ui:styleId": "styles:color",
     "ui:field": "color",
     "ui:color-type": "text",
@@ -16,7 +17,8 @@ function color(options = {}) {
 function borderColor(options = {}) {
   return Type.String({
     title: "Border color",
-    "ai:instructions": "hex/rgb/rgba color or classes like `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
+    "ai:instructions": "Format is `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
+    pattern: "^border-(primary|secondary|accent|neutral|base)-?(50|100|200|300|400|500|600|700|800|900)?$",
     "ui:styleId": "styles:borderColor",
     "ui:field": "color",
     "ui:color-type": "border",
@@ -28,4 +30,4 @@ export {
   color,
   borderColor
 };
-//# sourceMappingURL=chunk-JSDKK5QN.js.map
+//# sourceMappingURL=chunk-EUFVTHAG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/color.ts"],"sourcesContent":["import { type Static, type StringOptions, Type } from \"@sinclair/typebox\";\n\nexport function color(options: StringOptions = {}) {\n  return Type.String({\n    title: \"Text color\",\n    \"ai:instructions\":\n      \"Format is `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900\",\n    pattern:\n      \"^text-(primary|secondary|accent|neutral|base|inherit)-?(50|100|200|300|400|500|600|700|800|900)?$\",\n    \"ui:styleId\": \"styles:color\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"text\",\n    ...options,\n  });\n}\n\nexport type ColorSettings = Static<ReturnType<typeof color>>;\n\nexport function borderColor(options: StringOptions = {}) {\n  return Type.String({\n    title: \"Border color\",\n    \"ai:instructions\":\n      \"Format is `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900\",\n    pattern: \"^border-(primary|secondary|accent|neutral|base)-?(50|100|200|300|400|500|600|700|800|900)?$\",\n    \"ui:styleId\": \"styles:borderColor\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"border\",\n    ...options,\n  });\n}\n\nexport type BorderColorSettings = Static<ReturnType<typeof borderColor>>;\n"],"mappings":";;;;AAAA,SAA0C,YAAY;AAE/C,SAAS,MAAM,UAAyB,CAAC,GAAG;AACjD,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,mBACE;AAAA,IACF,SACE;AAAA,IACF,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,YAAY,UAAyB,CAAC,GAAG;AACvD,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,mBACE;AAAA,IACF,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/shared/{chunk-U4KZUX37.js → chunk-FC52EHCC.js}

@@ -5,23 +5,23 @@ import {
 } from "./chunk-6WIMWLCJ.js";
 import {
   border
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps,
   group
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
 import {
-  urlOrPageId
-} from "./chunk-SQXZNGQF.js";
+  backgroundColor
+} from "./chunk-5OVOXUFX.js";
 import {
   shadow
 } from "./chunk-5RCC2STG.js";
 import {
-  backgroundColor
-} from "./chunk-KKWT3OXF.js";
+  urlOrPageId
+} from "./chunk-FYGFB5U5.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/sidebar.manifest.ts
 import { VscLayoutSidebarLeftOff } from "react-icons/vsc";
@@ -101,4 +101,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-U4KZUX37.js.map
+//# sourceMappingURL=chunk-FC52EHCC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/sidebar.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps, group } from \"../props/helpers\";\nimport { VscLayoutSidebarLeftOff } from \"react-icons/vsc\";\nimport { Type } from \"@sinclair/typebox\";\nimport { urlOrPageId } from \"../props/string\";\nimport { backgroundColor } from \"../props/background\";\nimport { border } from \"../props/border\";\nimport { fixedPositioned } from \"../props/position\";\nimport { shadow } from \"../props/effects\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"sidebar\",\n  category: \"layout\",\n  name: \"Sidebar\",\n  description: \"A sidebar element\",\n  inlineDragDisabled: true,\n  isGlobalBrick: true,\n  duplicatable: false,\n  resizable: false,\n  movable: false,\n  aiInstructions: `\n    This brick should be used on most sites/pages for navigation. By default, it will display links\n    to the main pages of the site. You can customize the links by using the 'navigation.navItems' prop.\n  `.trim(),\n  icon: VscLayoutSidebarLeftOff,\n  props: defineProps({\n    container: Type.Optional(\n      group({\n        title: \"Main element\",\n        children: {\n          backgroundColor: Type.Optional(backgroundColor()),\n          border: Type.Optional(border()),\n          shadow: Type.Optional(shadow()),\n          fixedPositioned: Type.Optional(fixedPositioned()),\n        },\n        metadata: {\n          \"ui:responsive\": true,\n        },\n      }),\n    ),\n    navigation: Type.Optional(\n      group({\n        title: \"Links\",\n        children: {\n          navItems: Type.Optional(\n            Type.Array(\n              Type.Object({\n                urlOrPageId: urlOrPageId(),\n                label: Type.Optional(Type.String({ title: \"Label\" })),\n              }),\n              { title: \"Navigation items\", default: [] },\n            ),\n          ),\n        },\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Standard sidebar with navigation links base on site pages\",\n    type: \"sidebar\",\n    props: {},\n  },\n  {\n    description: \"Sidebar with specified navigation links\",\n    type: \"sidebar\",\n    props: {\n      container: {\n        backgroundColor: \"#f0f0f0\",\n      },\n      navigation: {\n        navItems: [\n          { urlOrPageId: \"https://google.com\", label: \"Google\" },\n          { urlOrPageId: \"https://bing.com\", label: \"Bing\" },\n        ],\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,+BAA+B;AACxC,SAAS,YAAY;AAQd,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,gBAAgB;AAAA;AAAA;AAAA,IAGd,KAAK;AAAA,EACP,MAAM;AAAA,EACN,OAAO,YAAY;AAAA,IACjB,WAAW,KAAK;AAAA,MACd,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,UACR,iBAAiB,KAAK,SAAS,gBAAgB,CAAC;AAAA,UAChD,QAAQ,KAAK,SAAS,OAAO,CAAC;AAAA,UAC9B,QAAQ,KAAK,SAAS,OAAO,CAAC;AAAA,UAC9B,iBAAiB,KAAK,SAAS,gBAAgB,CAAC;AAAA,QAClD;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,YAAY,KAAK;AAAA,MACf,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,UACR,UAAU,KAAK;AAAA,YACb,KAAK;AAAA,cACH,KAAK,OAAO;AAAA,gBACV,aAAa,YAAY;AAAA,gBACzB,OAAO,KAAK,SAAS,KAAK,OAAO,EAAE,OAAO,QAAQ,CAAC,CAAC;AAAA,cACtD,CAAC;AAAA,cACD,EAAE,OAAO,oBAAoB,SAAS,CAAC,EAAE;AAAA,YAC3C;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO,CAAC;AAAA,EACV;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,iBAAiB;AAAA,MACnB;AAAA,MACA,YAAY;AAAA,QACV,UAAU;AAAA,UACR,EAAE,aAAa,sBAAsB,OAAO,SAAS;AAAA,UACrD,EAAE,aAAa,oBAAoB,OAAO,OAAO;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/shared/{chunk-JW7MQAU4.js → chunk-FVV27R73.js}

@@ -2,23 +2,23 @@
 
 import {
   color
-} from "./chunk-JSDKK5QN.js";
+} from "./chunk-EUFVTHAG.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
+import {
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
   icon,
   urlOrPageId
-} from "./chunk-SQXZNGQF.js";
+} from "./chunk-FYGFB5U5.js";
 import {
   cssLength
 } from "./chunk-OJ6KL7FU.js";
-import {
-  loop
-} from "./chunk-XFZQGRRL.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/icon.manifest.ts
 import { PiConfetti } from "react-icons/pi";
@@ -32,10 +32,8 @@ var manifest = defineBrickManifest({
 
 WHEN TO USE:
 - Navigation elements (menu, close, arrow buttons)
-- Social media links (Facebook, Twitter, Instagram, LinkedIn)
 - Contact information (email, phone, location markers)
 - User interface actions (search, shopping cart, download)
-- Status indicators (success, warning, error, info)
 - Content enhancement (stars, hearts, thumbs up)
 - Feature highlights (checkmarks, shields, awards)
 
@@ -45,14 +43,11 @@ ICON SELECTION:
 
 SIZING GUIDELINES:
 - size: "1em" for inline text icons, "1.5em" for buttons, "2em" for headers
-- Common sizes: "16px", "20px", "24px", "32px" for pixel precision
 - Use "em" units to scale with text, "px" for fixed sizes
 - Large decorative icons: "3em", "4em", or "48px", "64px"
 
 COLOR OPTIONS:
 - color: "currentColor" inherits text color (default)
-- Hex colors: "#1877f2" (Facebook blue), "#ff0000" (red), "#10b981" (green)
-- Use brand colors for social media icons
 - Match color scheme: warnings (orange/yellow), errors (red), success (green)
 
 INTERACTIVE ICONS:
@@ -60,7 +55,7 @@ INTERACTIVE ICONS:
 - External links: "https://facebook.com/yourpage"
 - Email links: "mailto:contact@example.com"
 - Phone links: "tel:+1234567890"
-- Internal pages: "/contact", "/about"
+- For internal pages, use page IDs: "page_12345"
 
 DYNAMIC CONTENT:
 - Use template variables: icon: "{{ service.iconName }}"
@@ -264,86 +259,6 @@ var examples = [
       size: "1.4em",
       color: "#3b82f6"
     }
-  },
-  // ACTION ICONS
-  {
-    description: "Download icon with link - File downloads",
-    type: "icon",
-    props: {
-      icon: "mdi:download",
-      size: "1.4em",
-      color: "#8b5cf6",
-      link: "/files/brochure.pdf"
-    }
-  },
-  {
-    description: "Share icon - Content sharing functionality",
-    type: "icon",
-    props: {
-      icon: "mdi:share-variant",
-      size: "1.2em",
-      color: "#6b7280"
-    }
-  },
-  {
-    description: "Print icon - Document printing",
-    type: "icon",
-    props: {
-      icon: "mdi:printer",
-      size: "1.3em",
-      color: "#374151"
-    }
-  },
-  // LARGE DECORATIVE ICONS
-  {
-    description: "Large security shield icon - Trust and safety messaging",
-    type: "icon",
-    props: {
-      icon: "mdi:shield-check",
-      size: "3em",
-      color: "#10b981"
-    }
-  },
-  {
-    description: "Large rocket icon - Innovation and growth themes",
-    type: "icon",
-    props: {
-      icon: "mdi:rocket",
-      size: "2.5em",
-      color: "#f59e0b"
-    }
-  },
-  // DYNAMIC CONTENT EXAMPLES
-  {
-    description: "Dynamic service icon using template variables - Data-driven icons",
-    type: "icon",
-    props: {
-      icon: "{{service.iconName}}",
-      size: "2em",
-      color: "{{service.brandColor}}",
-      link: "/services/{{service.slug}}"
-    }
-  },
-  {
-    description: "Dynamic social media icon with loop - Multiple social platforms",
-    type: "icon",
-    props: {
-      icon: "{{socialLinks.iconName}}",
-      size: "1.6em",
-      color: "{{socialLinks.brandColor}}",
-      link: "{{socialLinks.url}}",
-      loop: { over: "socialLinks" }
-    }
-  },
-  {
-    description: "Team member contact icon - Dynamic contact information",
-    type: "icon",
-    props: {
-      icon: "mdi:email",
-      size: "1.2em",
-      color: "#4f46e5",
-      link: "mailto:{{teamMember.email}}"
-    }
   }
 ];
 
@@ -351,4 +266,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-JW7MQAU4.js.map
+//# sourceMappingURL=chunk-FVV27R73.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/icon.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { PiConfetti } from \"react-icons/pi\";\nimport { icon, urlOrPageId } from \"../props/string\";\nimport { Type } from \"@sinclair/typebox\";\nimport { cssLength } from \"../props/css-length\";\nimport { color } from \"../props/color\";\nimport { loop } from \"../props/dynamic\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"icon\",\n  name: \"Icon\",\n  category: \"basic\",\n  description: \"An icon.\",\n  aiInstructions: `Use the icon component for adding visual symbols and interactive elements throughout your design.\n\nWHEN TO USE:\n- Navigation elements (menu, close, arrow buttons)\n- Contact information (email, phone, location markers)\n- User interface actions (search, shopping cart, download)\n- Content enhancement (stars, hearts, thumbs up)\n- Feature highlights (checkmarks, shields, awards)\n\nICON SELECTION:\n- Use Iconify format: \"mdi:icon-name\", \"lucide:icon-name\", \"heroicons:icon-name\"\n- Examples: \"mdi:heart\", \"lucide:star\", \"heroicons:envelope\", \"mdi:facebook\"\n\nSIZING GUIDELINES:\n- size: \"1em\" for inline text icons, \"1.5em\" for buttons, \"2em\" for headers\n- Use \"em\" units to scale with text, \"px\" for fixed sizes\n- Large decorative icons: \"3em\", \"4em\", or \"48px\", \"64px\"\n\nCOLOR OPTIONS:\n- color: \"currentColor\" inherits text color (default)\n- Match color scheme: warnings (orange/yellow), errors (red), success (green)\n\nINTERACTIVE ICONS:\n- Add link property for clickable icons\n- External links: \"https://facebook.com/yourpage\"\n- Email links: \"mailto:contact@example.com\"\n- Phone links: \"tel:+1234567890\"\n- For internal pages, use page IDs: \"page_12345\"\n\nDYNAMIC CONTENT:\n- Use template variables: icon: \"{{ service.iconName }}\"\n- Dynamic colors: color: \"{{ brand.primaryColor }}\"\n- Loop over data for icon lists or social media sets\n\nAVOID:\n- Oversized icons that dominate content\n- Poor contrast (light icons on light backgrounds)\n- Inconsistent icon styles within the same design\n- Missing alt text context when icons convey important information`,\n  resizable: false,\n  staticClasses: \"!grow-0\",\n  icon: PiConfetti,\n  props: defineProps(\n    {\n      icon: icon({\n        default: \"mdi:heart\",\n      }),\n      size: Type.Optional(\n        cssLength({\n          title: \"Size\",\n          description: \"The size of the icon. Can be a CSS length value (e.g. '2em', '24px')\",\n          default: \"1em\",\n          \"ui:css-units\": [\"em\", \"rem\", \"px\"],\n          \"ai:instructions\": \"Use 'em', 'rem', or 'px' for units. Example: '2em', '24px'\",\n        }),\n      ),\n      color: Type.Optional(\n        color({\n          title: \"Color\",\n          default: \"currentColor\",\n          \"ui:hide-color-label\": true,\n        }),\n      ),\n      link: Type.Optional(urlOrPageId({ title: \"Link\" })),\n      loop: Type.Optional(loop()),\n    },\n    { noGrow: true },\n  ),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  // BASIC ICONS\n  {\n    description: \"Heart icon with default styling - Inherits text color and size\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:heart\",\n    },\n  },\n  {\n    description: \"Star icon with gold color - Perfect for ratings and reviews\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:star\",\n      size: \"1.2em\",\n      color: \"#fbbf24\",\n    },\n  },\n\n  // NAVIGATION ICONS\n  {\n    description: \"Menu hamburger icon - Mobile navigation toggle\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:menu\",\n      size: \"1.8em\",\n      color: \"#374151\",\n    },\n  },\n  {\n    description: \"Search icon - Search functionality indicator\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:magnify\",\n      size: \"1.2em\",\n      color: \"#6b7280\",\n    },\n  },\n  {\n    description: \"Shopping cart icon - E-commerce navigation\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:cart\",\n      size: \"1.4em\",\n      color: \"#059669\",\n    },\n  },\n  {\n    description: \"Arrow right icon - Navigation and call-to-action\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:arrow-right\",\n      size: \"1.1em\",\n      color: \"currentColor\",\n    },\n  },\n\n  // SOCIAL MEDIA ICONS\n  {\n    description: \"Facebook icon with official brand color and link\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:facebook\",\n      size: \"1.5em\",\n      color: \"#1877f2\",\n      link: \"https://facebook.com/yourpage\",\n    },\n  },\n  {\n    description: \"Twitter/X icon with link - Social media engagement\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:twitter\",\n      size: \"1.5em\",\n      color: \"#000000\",\n      link: \"https://x.com/yourhandle\",\n    },\n  },\n  {\n    description: \"Instagram icon with gradient-inspired color\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:instagram\",\n      size: \"1.5em\",\n      color: \"#e1306c\",\n      link: \"https://instagram.com/yourprofile\",\n    },\n  },\n  {\n    description: \"LinkedIn icon with professional blue\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:linkedin\",\n      size: \"1.5em\",\n      color: \"#0077b5\",\n      link: \"https://linkedin.com/company/yourcompany\",\n    },\n  },\n\n  // CONTACT INFORMATION ICONS\n  {\n    description: \"Email icon with link - Contact information\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:email\",\n      size: \"1.3em\",\n      color: \"#4f46e5\",\n      link: \"mailto:contact@example.com\",\n    },\n  },\n  {\n    description: \"Phone icon with clickable link - Direct calling\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:phone\",\n      size: \"1.4em\",\n      color: \"#10b981\",\n      link: \"tel:+1234567890\",\n    },\n  },\n  {\n    description: \"Location marker icon - Address and directions\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:map-marker\",\n      size: \"1.6em\",\n      color: \"#ef4444\",\n    },\n  },\n\n  // STATUS & FEEDBACK ICONS\n  {\n    description: \"Success checkmark icon - Confirmation and completion\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:check-circle\",\n      size: \"1.5em\",\n      color: \"#10b981\",\n    },\n  },\n  {\n    description: \"Warning icon - Alerts and cautions\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:alert-triangle\",\n      size: \"1.5em\",\n      color: \"#f59e0b\",\n    },\n  },\n  {\n    description: \"Error icon - Problems and failures\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:alert-circle\",\n      size: \"1.5em\",\n      color: \"#ef4444\",\n    },\n  },\n  {\n    description: \"Information icon - Help and guidance\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:information\",\n      size: \"1.4em\",\n      color: \"#3b82f6\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-SQXZNGQF.js → chunk-FYGFB5U5.js}

@@ -25,6 +25,7 @@ function urlOrPageId(options = {}) {
     {
       // $id: "content:urlOrPageId",
       title: "URL",
+      description: "A URL or a page ID",
       metadata: {
         category: "content"
       },
@@ -37,6 +38,7 @@ function urlOrPageId(options = {}) {
 function icon(options = {}) {
   return Type.String({
     title: "Icon",
+    description: "An icon from the Iconify collection",
     "ai:instructions": "Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.",
     "ui:field": "iconify",
     // $id: "assets:icon",
@@ -52,4 +54,4 @@ export {
   urlOrPageId,
   icon
 };
-//# sourceMappingURL=chunk-SQXZNGQF.js.map
+//# sourceMappingURL=chunk-FYGFB5U5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/string.ts"],"sourcesContent":["import { type Static, Type, type StringOptions } from \"@sinclair/typebox\";\nimport type { FieldMetadata } from \"./types\";\n\ntype StrFieldOptions = StringOptions &\n  FieldMetadata & {\n    \"ui:multiline\"?: boolean;\n  };\n\nexport function url(title = \"URL\", defaultValue?: string) {\n  return Type.String({\n    title,\n    format: \"url\",\n    \"ui:field\": \"url\",\n    default: defaultValue,\n  });\n}\n\nconst pageIdSchema = Type.String({\n  \"ui:field\": \"page-id\",\n});\n\nexport function urlOrPageId(options: StringOptions = {}) {\n  return Type.Union(\n    [\n      Type.String({\n        format: \"url\",\n      }),\n      pageIdSchema,\n    ],\n    {\n      // $id: \"content:urlOrPageId\",\n      title: \"URL\",\n      description: \"A URL or a page ID\",\n      metadata: {\n        category: \"content\",\n      },\n      \"ui:field\": \"url-page-id\",\n      \"ai:instructions\":\n        \"This field can be a URL or a page ID. Use the page ID when linking to a internal page, and a URL for external links. It can also contain page queries refrences like '/products/{{ categories.$slug }}' or '/blog/{{ blogPosts.$slug }}'.\",\n      ...options,\n    },\n  );\n}\n\nexport type UrlOrPageIdSettings = Static<ReturnType<typeof urlOrPageId>>;\n\ntype IconOptions = StrFieldOptions & { \"ui:default-icon-collection\"?: string };\n\nexport function icon(options: IconOptions = {}) {\n  return Type.String({\n    title: \"Icon\",\n    description: \"An icon from the Iconify collection\",\n    \"ai:instructions\": \"Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.\",\n    \"ui:field\": \"iconify\",\n    // $id: \"assets:icon\",\n    metadata: {\n      category: \"content\",\n    },\n    ...options,\n  });\n}\n"],"mappings":";;;;AAAA,SAAsB,YAAgC;AAQ/C,SAAS,IAAI,QAAQ,OAAO,cAAuB;AACxD,SAAO,KAAK,OAAO;AAAA,IACjB;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,EACX,CAAC;AACH;AAEA,IAAM,eAAe,KAAK,OAAO;AAAA,EAC/B,YAAY;AACd,CAAC;AAEM,SAAS,YAAY,UAAyB,CAAC,GAAG;AACvD,SAAO,KAAK;AAAA,IACV;AAAA,MACE,KAAK,OAAO;AAAA,QACV,QAAQ;AAAA,MACV,CAAC;AAAA,MACD;AAAA,IACF;AAAA,IACA;AAAA;AAAA,MAEE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,mBACE;AAAA,MACF,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAMO,SAAS,KAAK,UAAuB,CAAC,GAAG;AAC9C,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,YAAY;AAAA;AAAA,IAEZ,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/shared/{chunk-J45LSQT6.js → chunk-GNTJT7MR.js}

@@ -2,7 +2,7 @@
 
 import {
   getSchemaDefaults
-} from "./chunk-HY7JOP3J.js";
+} from "./chunk-TZ6X7ZM5.js";
 
 // src/shared/brick-manifest.ts
 function defineBrickManifest({
@@ -53,4 +53,4 @@ export {
   defineBrickManifest,
   getBrickManifestDefaults
 };
-//# sourceMappingURL=chunk-J45LSQT6.js.map
+//# sourceMappingURL=chunk-GNTJT7MR.js.map

package/dist/shared/chunk-HHUFGV7J.js

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