@upstart.gg/sdk 0.0.136 → 0.0.137

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/image.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { shadow } from \"../props/effects\";\nimport { RxImage } from \"react-icons/rx\";\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport { colorPreset } from \"../props/color-preset\";\n\nexport const manifest = defineBrickManifest({\n  type: \"image\",\n  name: \"Image\",\n  category: \"media\",\n  description: \"An image brick\",\n  aiInstructions: `PURPOSE\nDisplay a single image with optional framing (padding, rounding, border, shadow, colorPreset) and attribution (author/provider). Can also loop over a dataset showing one image per item.\n\nREQUIRED\n• 'image.src' and 'image.alt' (alt must be meaningful, not empty; may interpolate page queries fields).\n\nCOLOR & BACKGROUND\n• colorPreset is optional – use when you need a frame or tone behind the image (neutral / accent / primary / secondary / base or gradient variants). Omit to keep a transparent/inherited background.\n• Only use gradientDirection when the preset is a gradient token (e.g. primary-gradient-400).\n\nSTYLING\n• padding should be a single css length value (like '1rem' or '0.75rem').\n• rounding defaults to a modest radius; override for circular avatars (rounded-full) or strong accent (rounded-xl).\n• border optional: keep subtle (border / border-2) unless emphasis required.\n• Use shadow sparingly (shadow-sm / shadow-md); large (shadow-xl) for hero or banner impact.\n\nATTRIBUTION\n• If using external photography include author { name, url } and provider (e.g. 'unsplash'). Omit provider if internal asset.\n\nDYNAMIC DATA\n• Interpolate dataset fields with {{dataset.field}} in src and alt.\n• For lists: use loop.over = \"datasetName\". Provide exactly one example object (this component itself) when looping (do not replicate multiple objects).\n\nRESPONSIVE\n• mobileProps may reduce padding or alter rounding only if it materially improves mobile layout. Always repeat required fields (image.src, image.alt) if providing mobileProps.\n\nDON'TS\n✗ Don't add unrelated props.\n✗ Don't fabricate color tokens (no success-, warning-, danger- etc.).\n✗ Don't use HTML markup inside alt.\n\nDO\n✓ Provide descriptive alt text (<125 chars) describing content or function.\n✓ Use semantic color presets consistently.\n✓ Add author/provider when you have them.\n`,\n  defaultWidth: { desktop: \"auto\", mobile: \"100%\" },\n  icon: RxImage,\n  props: defineProps({\n    image: image({\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    colorPreset: Type.Optional(colorPreset()),\n    padding: Type.Optional(\n      cssLength({\n        description: \"Padding inside the image.\",\n        title: \"Padding\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    blurHash: Type.Optional(\n      Type.String({\n        title: \"Blur hash\",\n        \"ui:field\": \"hidden\",\n        description: \"A placeholder for the image while it is loading. Use a blur hash string.\",\n      }),\n    ),\n    author: Type.Optional(\n      Type.Object(\n        {\n          name: Type.String({\n            title: \"Image Author\",\n            description: \"Image author. Use this to give credit to the author\",\n          }),\n          url: Type.String({\n            title: \"Image Author URL\",\n            format: \"uri\",\n            description: \"Image author URL. Use this to give credit to the author\",\n          }),\n        },\n        {\n          \"ui:field\": \"hidden\",\n        },\n      ),\n    ),\n    provider: Type.Optional(\n      Type.String({\n        title: \"Image Provider\",\n        \"ui:field\": \"hidden\",\n        \"ai:instructions\": \"The provider of the image, e.g. 'unsplash', 'pexels', etc.\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n  mobileProps?: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Hero landscape image with large shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/800x400.png?text=Hero+Landscape\",\n        alt: \"Beautiful landscape view for hero section\",\n      },\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Framed image with accent gradient background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Showcase\",\n        alt: \"Showcase screenshot inside accent gradient frame\",\n      },\n      colorPreset: { color: \"accent-gradient-400\", gradientDirection: \"bg-gradient-to-br\" },\n      padding: \"1rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Team member profile photo, full rounded\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x300.png?text=Profile+Photo\",\n        alt: \"Team member profile photo\",\n      },\n      shadow: \"shadow-md\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Product showcase image\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/400x400.png?text=Product+Image\",\n        alt: \"Premium product showcase\",\n      },\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Blog article featured image with medium shadow and full author info\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/600x300.png?text=Article+Featured\",\n        alt: \"Featured image for blog article\",\n      },\n      author: {\n        name: \"John Photographer\",\n        url: \"https://example.com/john\",\n      },\n      provider: \"unsplash\",\n      shadow: \"shadow-md\",\n    },\n  },\n\n  {\n    description: \"Logo image with padding and small shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/200x80.png?text=Company+Logo\",\n        alt: \"Company logo\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Dark framed image with neutral-800 background and subtle border\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/500x300.png?text=Dark+Mode\",\n        alt: \"Interface preview in dark mode\",\n      },\n      colorPreset: { color: \"neutral-800\" },\n      padding: \"1rem\",\n      border: { width: \"border\", color: \"border-neutral-700\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Testimonial customer photo with large shadow and small padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/120x120.png?text=Customer\",\n        alt: \"Happy customer testimonial photo\",\n      },\n      shadow: \"shadow-lg\",\n      padding: \"p-2\",\n    },\n  },\n  {\n    description: \"Event banner image with neutral-500 background\",\n    type: \"image\",\n    props: {\n      colorPreset: { color: \"neutral-500\" },\n      image: {\n        src: \"https://via.placeholder.com/800x200.png?text=Event+Banner\",\n        alt: \"Annual conference event banner\",\n      },\n      shadow: \"shadow-xl\",\n      author: {\n        name: \"Event Photographer\",\n        url: \"https://example.com/photographer\",\n      },\n      provider: \"pexels\",\n    },\n  },\n  {\n    description: \"Illustration with background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/150x150.png?text=Blabla+Feature\",\n        alt: \"Feature illustration\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Image with blurHash\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x200.png?text=Card+Image\",\n        alt: \"My image\",\n      },\n      shadow: \"shadow-md\",\n      blurHash: \"L6PZfSi_.AyE_3t7t7R**0o#DgR4\",\n    },\n  },\n  {\n    description: \"Responsive image with reduced mobile padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"2rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-sm\",\n    },\n    mobileProps: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"1rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic employee photo using employee query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{employee.photo}}\",\n        alt: \"Photo of {{employee.fullName}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic product image using product query with author attribution\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{product.featuredImage}}\",\n        alt: \"{{product.name}} - {{product.category}}\",\n      },\n      author: {\n        name: \"{{product.photographer}}\",\n        url: \"{{product.photographerUrl}}\",\n      },\n      provider: \"company-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic company logo using company query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{company.logo}}\",\n        alt: \"{{company.name}} logo\",\n      },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Dynamic event banner using event query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{event.bannerImage}}\",\n        alt: \"{{event.title}} event banner\",\n      },\n      shadow: \"shadow-xl\",\n      rounding: \"rounded-xl\",\n      author: {\n        name: \"{{event.photographer}}\",\n        url: \"{{event.photographerProfile}}\",\n      },\n      provider: \"event-photography\",\n    },\n  },\n  {\n    description: \"Loop template: product gallery (one definition, repeated by loop.over)\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} – {{products.category}}\",\n      },\n      rounding: \"rounded-md\",\n      padding: \"0.5rem\",\n      shadow: \"shadow-sm\",\n      loop: { over: \"products\" },\n    },\n  },\n  {\n    description: \"Dynamic article featured image using article query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{article.featuredImage}}\",\n        alt: \"Featured image for {{article.title}}\",\n      },\n      author: {\n        name: \"{{article.imageCredit}}\",\n        url: \"{{article.imageCreditUrl}}\",\n      },\n      provider: \"{{article.imageProvider}}\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic property photo using property query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{property.mainPhoto}}\",\n        alt: \"{{property.address}} - {{property.propertyType}}\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n      colorPreset: { color: \"primary-50\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic portfolio piece using portfolio query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{portfolio.imageUrl}}\",\n        alt: \"{{portfolio.projectName}} for {{portfolio.clientName}}\",\n      },\n      author: {\n        name: \"{{portfolio.photographer}}\",\n        url: \"{{portfolio.photographerWebsite}}\",\n      },\n      provider: \"portfolio-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n    },\n  },\n  {\n    description: \"Dynamic service illustration using service query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{service.illustration}}\",\n        alt: \"{{service.name}} service illustration\",\n      },\n      colorPreset: { color: \"secondary-100\" },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Dynamic testimonial customer photo using testimonial query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{testimonial.customerPhoto}}\",\n        alt: \"{{testimonial.customerName}} from {{testimonial.company}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.25rem\",\n      colorPreset: { color: \"accent-50\" },\n    },\n  },\n  {\n    description: \"Product gallery using products query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} - {{products.category}}\",\n      },\n      author: {\n        name: \"{{products.photographer}}\",\n        url: \"{{products.photographerUrl}}\",\n      },\n      provider: \"product-catalog\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n      colorPreset: { color: \"primary-50\" },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Team member photos using teamMembers query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{teamMembers.profilePhoto}}\",\n        alt: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.75rem\",\n      colorPreset: { color: \"secondary-100\" },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

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

@@ -1,44 +1,31 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
-import {
-  typedRef
-} from "./chunk-A2QPY54H.js";
 
 // src/shared/bricks/props/color.ts
 import { Type } from "@sinclair/typebox";
-function color(defaultValue, title = "Text color") {
+function color(options = {}) {
   return Type.String({
-    title,
-    // $id: "styles:color",
+    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",
-    default: defaultValue,
     "ui:styleId": "styles:color",
     "ui:field": "color",
-    "ui:color-type": "text"
+    "ui:color-type": "text",
+    ...options
   });
 }
-function colorRef(options = {}) {
-  return typedRef("styles:color", { ...options, "ui:styleId": "styles:color" });
-}
-function borderColor(defaultValue, title = "Border color") {
+function borderColor(options = {}) {
   return Type.String({
-    title,
-    // $id: "styles:borderColor",
+    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",
-    default: defaultValue,
     "ui:styleId": "styles:borderColor",
     "ui:field": "color",
-    "ui:color-type": "border"
+    "ui:color-type": "border",
+    ...options
   });
 }
-function borderColorRef(options = {}) {
-  return typedRef("styles:borderColor", { ...options, "ui:styleId": "styles:borderColor" });
-}
 
 export {
   color,
-  colorRef,
-  borderColor,
-  borderColorRef
+  borderColor
 };
-//# sourceMappingURL=chunk-SE6O65HC.js.map
+//# sourceMappingURL=chunk-JSDKK5QN.js.map

package/dist/shared/chunk-JSDKK5QN.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      \"hex/rgb/rgba color or classes like `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 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      \"hex/rgb/rgba color or classes like `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 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,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,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

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

@@ -1,24 +1,24 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
 import {
-  defineProps
-} from "./chunk-BHC2A43S.js";
+  color
+} from "./chunk-JSDKK5QN.js";
 import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  loopRef
-} from "./chunk-IQIISR22.js";
+  icon,
+  urlOrPageId
+} from "./chunk-SQXZNGQF.js";
 import {
-  iconRef,
-  urlOrPageIdRef
-} from "./chunk-N3ZTQD5I.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  colorRef
-} from "./chunk-SE6O65HC.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 
 // src/shared/bricks/manifests/icon.manifest.ts
 import { PiConfetti } from "react-icons/pi";
@@ -77,11 +77,11 @@ AVOID:
   icon: PiConfetti,
   props: defineProps(
     {
-      icon: iconRef({
+      icon: icon({
         default: "mdi:heart"
       }),
       size: Type.Optional(
-        cssLengthRef({
+        cssLength({
           title: "Size",
           description: "The size of the icon. Can be a CSS length value (e.g. '2em', '24px')",
           default: "1em",
@@ -90,14 +90,14 @@ AVOID:
         })
       ),
       color: Type.Optional(
-        colorRef({
+        color({
           title: "Color",
           default: "currentColor",
           "ui:hide-color-label": true
         })
       ),
-      link: Type.Optional(urlOrPageIdRef({ title: "Link" })),
-      loop: Type.Optional(loopRef())
+      link: Type.Optional(urlOrPageId({ title: "Link" })),
+      loop: Type.Optional(loop())
     },
     { noGrow: true }
   )
@@ -351,4 +351,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-KILJYJFE.js.map
+//# sourceMappingURL=chunk-JW7MQAU4.js.map

package/dist/shared/chunk-JW7MQAU4.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- Social media links (Facebook, Twitter, Instagram, LinkedIn)\n- Contact information (email, phone, location markers)\n- User interface actions (search, shopping cart, download)\n- Status indicators (success, warning, error, info)\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- Common sizes: \"16px\", \"20px\", \"24px\", \"32px\" for pixel precision\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- Hex colors: \"#1877f2\" (Facebook blue), \"#ff0000\" (red), \"#10b981\" (green)\n- Use brand colors for social media icons\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- Internal pages: \"/contact\", \"/about\"\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  // ACTION ICONS\n  {\n    description: \"Download icon with link - File downloads\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:download\",\n      size: \"1.4em\",\n      color: \"#8b5cf6\",\n      link: \"/files/brochure.pdf\",\n    },\n  },\n  {\n    description: \"Share icon - Content sharing functionality\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:share-variant\",\n      size: \"1.2em\",\n      color: \"#6b7280\",\n    },\n  },\n  {\n    description: \"Print icon - Document printing\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:printer\",\n      size: \"1.3em\",\n      color: \"#374151\",\n    },\n  },\n\n  // LARGE DECORATIVE ICONS\n  {\n    description: \"Large security shield icon - Trust and safety messaging\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:shield-check\",\n      size: \"3em\",\n      color: \"#10b981\",\n    },\n  },\n  {\n    description: \"Large rocket icon - Innovation and growth themes\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:rocket\",\n      size: \"2.5em\",\n      color: \"#f59e0b\",\n    },\n  },\n\n  // DYNAMIC CONTENT EXAMPLES\n  {\n    description: \"Dynamic service icon using template variables - Data-driven icons\",\n    type: \"icon\",\n    props: {\n      icon: \"{{service.iconName}}\",\n      size: \"2em\",\n      color: \"{{service.brandColor}}\",\n      link: \"/services/{{service.slug}}\",\n    },\n  },\n  {\n    description: \"Dynamic social media icon with loop - Multiple social platforms\",\n    type: \"icon\",\n    props: {\n      icon: \"{{socialLinks.iconName}}\",\n      size: \"1.6em\",\n      color: \"{{socialLinks.brandColor}}\",\n      link: \"{{socialLinks.url}}\",\n      loop: { over: \"socialLinks\" },\n    },\n  },\n  {\n    description: \"Team member contact icon - Dynamic contact information\",\n    type: \"icon\",\n    props: {\n      icon: \"mdi:email\",\n      size: \"1.2em\",\n      color: \"#4f46e5\",\n      link: \"mailto:{{teamMember.email}}\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-RV7AYVFV.js → chunk-KKWT3OXF.js}

@@ -1,16 +1,12 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
-import {
-  typedRef
-} from "./chunk-A2QPY54H.js";
 import {
   StringEnum
-} from "./chunk-JK2FWFJU.js";
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/props/background.ts
 import { Type } from "@sinclair/typebox";
 function background(opts = {}) {
-  const { default: defValue, ...restOpts } = opts;
   return Type.Object(
     {
       image: Type.String({
@@ -22,14 +18,12 @@ function background(opts = {}) {
       size: Type.Optional(
         StringEnum(["auto", "cover", "contain"], {
           enumNames: ["Auto", "Cover", "Contain"],
-          default: defValue?.size ?? "auto",
           "ai:instructions": "Only use this when the image is set."
         })
       ),
       repeat: Type.Optional(
         StringEnum(["no-repeat", "repeat", "repeat-x", "repeat-y", "space", "round"], {
           enumNames: ["No repeat", "Repeat", "Repeat horizontally", "Repeat vertically", "Space", "Round"],
-          default: defValue?.repeat ?? "no-repeat",
           "ai:instructions": "Only use this when the image is set."
         })
       )
@@ -41,14 +35,10 @@ function background(opts = {}) {
       title: "Background image",
       // disable for now
       // "ui:show-img-search": true,
-      default: defValue,
-      ...restOpts
+      ...opts
     }
   );
 }
-function backgroundRef(options = {}) {
-  return typedRef("styles:background", options);
-}
 function backgroundColor(options = {}) {
   return Type.String({
     title: "Background color",
@@ -62,14 +52,9 @@ function backgroundColor(options = {}) {
     ...options
   });
 }
-function backgroundColorRef(options = {}) {
-  return typedRef("styles:backgroundColor", options);
-}
 
 export {
   background,
-  backgroundRef,
-  backgroundColor,
-  backgroundColorRef
+  backgroundColor
 };
-//# sourceMappingURL=chunk-RV7AYVFV.js.map
+//# sourceMappingURL=chunk-KKWT3OXF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/background.ts"],"sourcesContent":["import { type SchemaOptions, Type, type Static } from \"@sinclair/typebox\";\nimport type { ElementColorType } from \"~/shared/themes/color-system\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\ntype BackgroundOptions = {\n  title?: string;\n  default?: {\n    image?: string;\n    size?: string;\n    repeat?: string;\n  };\n  colorType?: ElementColorType;\n};\n\nexport function background(opts: BackgroundOptions = {}) {\n  return Type.Object(\n    {\n      image: Type.String({\n        title: \"Image\",\n        description: \"The background image. Can be a URL or a data URI\",\n        format: \"image\",\n        examples: [\"https://example.com/image.png\"],\n      }),\n      size: Type.Optional(\n        StringEnum([\"auto\", \"cover\", \"contain\"], {\n          enumNames: [\"Auto\", \"Cover\", \"Contain\"],\n          \"ai:instructions\": \"Only use this when the image is set.\",\n        }),\n      ),\n      repeat: Type.Optional(\n        StringEnum([\"no-repeat\", \"repeat\", \"repeat-x\", \"repeat-y\", \"space\", \"round\"], {\n          enumNames: [\"No repeat\", \"Repeat\", \"Repeat horizontally\", \"Repeat vertically\", \"Space\", \"Round\"],\n          \"ai:instructions\": \"Only use this when the image is set.\",\n        }),\n      ),\n    },\n    {\n      // $id: \"styles:background\",\n      \"ui:styleId\": \"styles:background\",\n      \"ui:field\": \"background\",\n      title: \"Background image\",\n      // disable for now\n      // \"ui:show-img-search\": true,\n      ...opts,\n    },\n  );\n}\n\nexport type BackgroundSettings = Static<ReturnType<typeof background>>;\n\nexport function backgroundColor(options: SchemaOptions = {}) {\n  return Type.String({\n    title: \"Background color\",\n    // $id: \"styles:backgroundColor\",\n    \"ai:instructions\":\n      \"Can be set to transparent, hex/rgb/rgba color, or classes like `bg-<variant>-<shade>`, variants being primary, secondary, accent and neutral, and shades between 100 and 900. Use bg-<variant>-<shade> classes as much as possible.\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"background\",\n    // \"ui:advanced\": true,\n    \"ui:styleId\": \"styles:backgroundColor\",\n    \"ui:responsive\": \"desktop\",\n    ...options,\n  });\n}\n\nexport type BackgroundColorSettings = Static<ReturnType<typeof backgroundColor>>;\n"],"mappings":";;;;;;;AAAA,SAA6B,YAAyB;AAc/C,SAAS,WAAW,OAA0B,CAAC,GAAG;AACvD,SAAO,KAAK;AAAA,IACV;AAAA,MACE,OAAO,KAAK,OAAO;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,UAAU,CAAC,+BAA+B;AAAA,MAC5C,CAAC;AAAA,MACD,MAAM,KAAK;AAAA,QACT,WAAW,CAAC,QAAQ,SAAS,SAAS,GAAG;AAAA,UACvC,WAAW,CAAC,QAAQ,SAAS,SAAS;AAAA,UACtC,mBAAmB;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,MACA,QAAQ,KAAK;AAAA,QACX,WAAW,CAAC,aAAa,UAAU,YAAY,YAAY,SAAS,OAAO,GAAG;AAAA,UAC5E,WAAW,CAAC,aAAa,UAAU,uBAAuB,qBAAqB,SAAS,OAAO;AAAA,UAC/F,mBAAmB;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA;AAAA;AAAA,MAEE,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,OAAO;AAAA;AAAA;AAAA,MAGP,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAIO,SAAS,gBAAgB,UAAyB,CAAC,GAAG;AAC3D,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA;AAAA,IAEP,mBACE;AAAA,IACF,YAAY;AAAA,IACZ,iBAAiB;AAAA;AAAA,IAEjB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/shared/{chunk-N3BEBLWF.js → chunk-KQH6V22E.js}

@@ -1,103 +1,103 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
-import {
-  examples as examples22,
-  manifest as manifest22
-} from "./chunk-YWOTQWIQ.js";
 import {
   examples as examples17,
   manifest as manifest17
-} from "./chunk-KEM5N6GJ.js";
+} from "./chunk-O24RDXZS.js";
 import {
   examples as examples18,
   manifest as manifest18
-} from "./chunk-KIDICX3Y.js";
+} from "./chunk-6AE7UD73.js";
 import {
   examples as examples23,
   manifest as manifest23
-} from "./chunk-ZRRAK5NS.js";
+} from "./chunk-TBT2PTGB.js";
 import {
   examples as examples19,
   manifest as manifest19
-} from "./chunk-F247VKAE.js";
-import {
-  examples as examples11,
-  manifest as manifest11
-} from "./chunk-ZR6R6Z6O.js";
+} from "./chunk-ZVJNRKT4.js";
 import {
   examples as examples12,
   manifest as manifest12
-} from "./chunk-LCJ2VFPM.js";
+} from "./chunk-PF75LW33.js";
 import {
   examples as examples13,
   manifest as manifest13
-} from "./chunk-2VDR4ZYY.js";
+} from "./chunk-SK2O7GFC.js";
 import {
   examples as examples14,
   manifest as manifest14
-} from "./chunk-2IHKVMKW.js";
+} from "./chunk-U4KZUX37.js";
 import {
   examples as examples15,
   manifest as manifest15
-} from "./chunk-GQTZPN5D.js";
+} from "./chunk-MYOLWTB2.js";
 import {
   examples as examples16,
   manifest as manifest16
-} from "./chunk-FOGAVJC2.js";
+} from "./chunk-LGGPCCCY.js";
 import {
   examples as examples21,
   manifest as manifest21
-} from "./chunk-DFAFDBYZ.js";
+} from "./chunk-JF52BBFD.js";
 import {
-  examples as examples5,
-  manifest as manifest5
-} from "./chunk-CRS7QCPZ.js";
+  examples as examples22,
+  manifest as manifest22
+} from "./chunk-HUWMIXNN.js";
 import {
   examples as examples6,
   manifest as manifest6
-} from "./chunk-H5JM2M2T.js";
+} from "./chunk-BZTWZC77.js";
 import {
   examples as examples7,
   manifest as manifest7
-} from "./chunk-L6C7HUSA.js";
+} from "./chunk-FUUSAMN3.js";
 import {
   examples as examples8,
   manifest as manifest8
-} from "./chunk-42OUNI7C.js";
+} from "./chunk-XK2CERPB.js";
 import {
   examples as examples9,
   manifest as manifest9
-} from "./chunk-U5ZECCJM.js";
+} from "./chunk-QEJGPYTB.js";
 import {
   examples as examples20,
   manifest as manifest20
-} from "./chunk-GIGFNQBO.js";
+} from "./chunk-W2RFDII5.js";
 import {
   examples as examples10,
   manifest as manifest10
-} from "./chunk-KILJYJFE.js";
+} from "./chunk-JW7MQAU4.js";
+import {
+  examples as examples11,
+  manifest as manifest11
+} from "./chunk-JLDAS3VE.js";
 import {
   examples as examples3,
   manifest as manifest3
-} from "./chunk-4MNWMEMM.js";
+} from "./chunk-LPAQ47C6.js";
 import {
   examples as examples4,
   manifest as manifest4
-} from "./chunk-GFAQWQER.js";
+} from "./chunk-LGDDJJHK.js";
+import {
+  examples as examples5,
+  manifest as manifest5
+} from "./chunk-7U5WPHXB.js";
 import {
   examples,
   manifest
-} from "./chunk-LTIJI7Y3.js";
+} from "./chunk-4KY7OZWD.js";
 import {
   examples as examples2,
   manifest as manifest2
-} from "./chunk-36PLZKMW.js";
+} from "./chunk-FHA4DFIM.js";
 import {
   getBrickManifestDefaults
-} from "./chunk-EVLRH6VG.js";
+} from "./chunk-J45LSQT6.js";
 import {
   StringEnum
-} from "./chunk-JK2FWFJU.js";
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/manifests/all-manifests.ts
 var manifests = {
@@ -210,4 +210,4 @@ export {
   brickTypes,
   examples24 as examples
 };
-//# sourceMappingURL=chunk-N3BEBLWF.js.map
+//# sourceMappingURL=chunk-KQH6V22E.js.map

package/dist/shared/{chunk-GFAQWQER.js → chunk-LGDDJJHK.js}

@@ -1,34 +1,34 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
 import {
-  defineProps
-} from "./chunk-BHC2A43S.js";
+  direction
+} from "./chunk-WPZV3LYL.js";
 import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
+  border,
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  loopRef
-} from "./chunk-IQIISR22.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  directionRef
-} from "./chunk-Y74LZNND.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  alignItems,
+  justifyContent
+} from "./chunk-ZRBTAC3G.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  alignItemsRef,
-  justifyContentRef
-} from "./chunk-ZLYIRH2B.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 
 // src/shared/bricks/manifests/box.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -88,27 +88,27 @@ AVOID:
   icon: RxBox,
   props: defineProps({
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color"
       })
     ),
-    direction: directionRef({
+    direction: direction({
       default: "flex-col",
       title: "Direction",
       description: "Direction of the box layout"
     }),
     justifyContent: Type.Optional(
-      justifyContentRef({
+      justifyContent({
         default: "justify-center"
       })
     ),
     alignItems: Type.Optional(
-      alignItemsRef({
+      alignItems({
         default: "items-stretch"
       })
     ),
     gap: Type.Optional(
-      cssLengthRef({
+      cssLength({
         title: "Gap",
         default: "1rem",
         description: "Gap between children bricks.",
@@ -118,7 +118,7 @@ AVOID:
       })
     ),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         default: "1rem",
         description: "Padding inside the box.",
         "ai:instructions": "Use only a single value like '1rem' or '10px'",
@@ -135,14 +135,12 @@ AVOID:
         "ui:styleId": "styles:wrap"
       })
     ),
-    rounding: Type.Optional(
-      roundingRef({
-        default: "rounded-md"
-      })
-    ),
-    border: Type.Optional(borderRef()),
-    shadow: Type.Optional(shadowRef()),
-    loop: Type.Optional(loopRef()),
+    rounding: rounding({
+      default: "rounded-md"
+    }),
+    border: Type.Optional(border()),
+    shadow: Type.Optional(shadow()),
+    loop: Type.Optional(loop()),
     $children: Type.Array(Type.Any(), {
       "ui:field": "hidden",
       description: "List of nested bricks",
@@ -615,4 +613,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-GFAQWQER.js.map
+//# sourceMappingURL=chunk-LGDDJJHK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/box.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { Type } from \"@sinclair/typebox\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { cssLength } from \"../props/css-length\";\nimport { direction } from \"../props/direction\";\nimport { RxBox } from \"react-icons/rx\";\nimport { alignItems, justifyContent } from \"../props/align\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport type { BrickExample } from \"./_types\";\n\n// Generic container can hold any type of array data source\nexport const manifest = defineBrickManifest({\n  type: \"box\",\n  category: \"container\",\n  name: \"Box\",\n  description: \"A container for stacking bricks horizontally or vertically.\",\n  aiInstructions: `Use the box component as a flexible container for organizing and arranging multiple bricks in horizontal or vertical layouts.\n\nWHEN TO USE:\n- Grouping related content elements (text + image + button)\n- Creating card-like layouts with multiple components\n- Building responsive grid systems with wrapping\n- Organizing form elements or input groups\n- Displaying repeated data from queries (products, team members, blog posts)\n- Creating structured layouts with consistent spacing\n\nLAYOUT GUIDELINES:\n- direction: \"flex-col\" for vertical stacking, \"flex-row\" for horizontal arrangement\n- gap: \"0.5rem\" for tight spacing, \"1rem\" for standard, \"2rem\" for spacious layouts\n- padding: \"1rem\" for standard padding, \"2rem\" for generous spacing, \"0\" for edge-to-edge\n- wrap: true for responsive grids that wrap on smaller screens, false for fixed layouts\n- justifyContent: \"justify-start\" for left-align, \"justify-center\" for center, \"justify-between\" for space-between\n- alignItems: \"items-stretch\" for equal heights, \"items-center\" for center-align, \"items-start\" for top-align\n\nSTYLING OPTIONS:\n- colorPreset: Use light backgrounds like \"primary-50\", \"neutral-100\", \"secondary-100\" for content containers\n- rounding: \"rounded-md\" for standard, \"rounded-lg\" for friendly, \"rounded-xl\"/\"rounded-2xl\" for modern\n- border: Add subtle borders with \"border\" width and colors like \"border-gray-200\", \"border-primary-300\"\n- shadow: \"shadow-sm\" for subtle depth, \"shadow-md\" for cards, \"shadow-lg\" for prominence\n\nCONTENT RULES:\n- Must contain at least 2 child bricks to be useful\n- Cannot contain other box components as direct children\n- Commonly contains: text, image, button, icon combinations\n- Perfect for repeating patterns using loop data\n\nDYNAMIC CONTENT:\n- Use loop property to repeat the box itself over data queries\n- Template variables work in all child components: \"{{ product.name}}\", \"{{user.email}}\"\n- Great for: product catalogs, team directories, blog listings\n\nAVOID:\n- Single child elements (use individual brick instead)\n- Nesting boxes inside boxes (use single box with proper layout)\n- Complex nested structures (break into separate boxes)`,\n  isContainer: true,\n  defaultWidth: {\n    desktop: \"auto\",\n    mobile: \"100%\",\n  },\n  defaultHeight: {\n    desktop: \"auto\",\n  },\n  icon: RxBox,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    direction: direction({\n      default: \"flex-col\",\n      title: \"Direction\",\n      description: \"Direction of the box layout\",\n    }),\n    justifyContent: Type.Optional(\n      justifyContent({\n        default: \"justify-center\",\n      }),\n    ),\n    alignItems: Type.Optional(\n      alignItems({\n        default: \"items-stretch\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLength({\n        title: \"Gap\",\n        default: \"1rem\",\n        description: \"Gap between children bricks.\",\n        \"ai:instructions\":\n          \"Can be a tailwind gap class like 'gap-1' or 'gap-2', or a custom value like '10px'\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"1rem\",\n        description: \"Padding inside the box.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    wrap: Type.Optional(\n      Type.Boolean({\n        title: \"Wrap\",\n        description: \"Wrap bricks if they overflow the section.\",\n        default: false,\n        \"ui:styleId\": \"styles:wrap\",\n      }),\n    ),\n    rounding: rounding({\n      default: \"rounded-md\",\n    }),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    loop: Type.Optional(loop()),\n    $children: Type.Array(Type.Any(), {\n      \"ui:field\": \"hidden\",\n      description: \"List of nested bricks\",\n      default: [],\n      examples: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"Hello World\",\n            },\n          },\n          {\n            type: \"image\",\n            props: {\n              src: \"https://via.placeholder.com/150\",\n              alt: \"Placeholder Image\",\n            },\n          },\n        ],\n      ],\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  // BASIC LAYOUTS\n  {\n    description: \"Simple vertical layout - Basic text and image combination\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1rem\",\n      padding: \"1.5rem\",\n      $children: [\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>Welcome to Our Service</h3><p>We provide innovative solutions for modern businesses.</p>\",\n          },\n        },\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/300x200\",\n            alt: \"Service showcase\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Learn More\",\n            link: \"/services\",\n          },\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Horizontal layout with wrapping - Perfect for responsive image galleries\",\n    type: \"box\",\n    props: {\n      direction: \"flex-row\",\n      gap: \"1rem\",\n      wrap: true,\n      justifyContent: \"justify-center\",\n      padding: \"1rem\",\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/150\",\n            alt: \"Gallery image 1\",\n          },\n        },\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/150\",\n            alt: \"Gallery image 2\",\n          },\n        },\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/150\",\n            alt: \"Gallery image 3\",\n          },\n        },\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/150\",\n            alt: \"Gallery image 4\",\n          },\n        },\n      ],\n    },\n  },\n\n  // STYLED CONTAINERS\n  {\n    description: \"Content card with background and border - Professional presentation style\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1rem\",\n      padding: \"2rem\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      $children: [\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>Featured Article</h3><p>Discover the latest trends in technology and innovation that are shaping our future.</p>\",\n          },\n        },\n        {\n          type: \"image\",\n          props: {\n            src: \"https://via.placeholder.com/400x250\",\n            alt: \"Technology trends\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Read Full Article\",\n            link: \"/articles/tech-trends\",\n          },\n        },\n      ],\n    },\n  },\n\n  // DYNAMIC CONTENT EXAMPLES\n  {\n    description: \"Employee directory using dynamic data - Shows team member profiles\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: { color: \"neutral-100\" },\n      rounding: \"rounded-lg\",\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      loop: { over: \"allEmployees\" },\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"{{allEmployees.photo}}\",\n            alt: \"Photo of {{allEmployees.name}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>{{allEmployees.name}}</h3><p><strong>{{allEmployees.position}}</strong></p><p>{{allEmployees.department}} • {{allEmployees.email}}</p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Contact {{allEmployees.name}}\",\n            link: \"mailto:{{allEmployees.email}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Blog post cards with horizontal layout - Great for article previews\",\n    type: \"box\",\n    props: {\n      direction: \"flex-row\",\n      gap: \"2rem\",\n      padding: \"1.5rem\",\n      justifyContent: \"justify-start\",\n      alignItems: \"items-stretch\",\n      colorPreset: { color: \"secondary-50\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      loop: { over: \"blogPosts\" },\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"{{blogPosts.featuredImage}}\",\n            alt: \"{{blogPosts.title}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h4>{{blogPosts.title}}</h4><p>{{blogPosts.excerpt}}</p><p><em>By {{blogPosts.author}} • {{blogPosts.publishDate}}</em></p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Read More\",\n            link: \"/blog/{{blogPosts.slug}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Product showcase cards with pricing - Perfect for e-commerce displays\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1rem\",\n      padding: \"1.5rem\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n      colorPreset: { color: \"accent-50\" },\n      border: { width: \"border-2\", color: \"border-accent-200\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n      loop: { over: \"featuredProducts\" },\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"{{featuredProducts.image}}\",\n            alt: \"{{featuredProducts.name}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>{{featuredProducts.name}}</h3><p>{{featuredProducts.description}}</p><p><strong>${{featuredProducts.price}}</strong></p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Add to Cart\",\n            link: \"/cart/add/{{featuredProducts.id}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  // RESPONSIVE GRID LAYOUTS\n  {\n    description: \"Team members with wrapping - Responsive grid that adapts to screen size\",\n    type: \"box\",\n    props: {\n      direction: \"flex-row\",\n      gap: \"2rem\",\n      padding: \"2rem\",\n      wrap: true,\n      justifyContent: \"justify-center\",\n      alignItems: \"items-start\",\n      colorPreset: { color: \"secondary-100\" },\n      rounding: \"rounded-lg\",\n      loop: { over: \"teamMembers\" },\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"{{teamMembers.avatar}}\",\n            alt: \"{{teamMembers.fullName}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h4>{{teamMembers.fullName}}</h4><p><strong>{{teamMembers.role}}</strong></p><p>{{teamMembers.bio}}</p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"View Profile\",\n            link: \"/team/{{teamMembers.slug}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Event listings with accent styling - Prominent call-to-action design\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1.25rem\",\n      padding: \"2.5rem\",\n      alignItems: \"items-center\",\n      colorPreset: { color: \"accent-100\" },\n      border: { width: \"border-2\", color: \"border-accent-300\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-lg\",\n      loop: { over: \"upcomingEvents\" },\n      $children: [\n        {\n          type: \"icon\",\n          props: {\n            icon: \"mdi:calendar-event\",\n            size: \"2rem\",\n            color: \"#f59e0b\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>{{upcomingEvents.title}}</h3><p><strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong></p><p>{{upcomingEvents.venue}} • {{upcomingEvents.city}}</p><p>{{upcomingEvents.description}}</p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Register Now\",\n            link: \"/events/{{upcomingEvents.slug}}/register\",\n          },\n        },\n      ],\n    },\n  },\n\n  // TESTIMONIALS & REVIEWS\n  {\n    description: \"Customer testimonials with star ratings - Social proof presentation\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1rem\",\n      padding: \"3rem\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n      colorPreset: { color: \"neutral-50\" },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-2xl\",\n      loop: { over: \"customerTestimonials\" },\n      $children: [\n        {\n          type: \"icon\",\n          props: {\n            icon: \"mdi:format-quote-open\",\n            size: \"2rem\",\n            color: \"#6b7280\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              '<p style=\"text-align: center\"><em>\"{{customerTestimonials.quote}}\"</em></p><p style=\"text-align: center\"><strong>{{customerTestimonials.customerName}}</strong></p><p style=\"text-align: center\">{{customerTestimonials.company}} • {{customerTestimonials.position}}</p>',\n          },\n        },\n        {\n          type: \"icon\",\n          props: {\n            icon: \"mdi:star\",\n            size: \"1.5rem\",\n            color: \"#fbbf24\",\n          },\n        },\n      ],\n    },\n  },\n\n  {\n    description: \"Portfolio project showcase - Creative work presentation with client details\",\n    type: \"box\",\n    props: {\n      direction: \"flex-row\",\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      alignItems: \"items-start\",\n      justifyContent: \"justify-start\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      loop: { over: \"portfolioProjects\" },\n      $children: [\n        {\n          type: \"image\",\n          props: {\n            src: \"{{portfolioProjects.thumbnail}}\",\n            alt: \"{{portfolioProjects.projectName}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h4>{{portfolioProjects.projectName}}</h4><p><strong>{{portfolioProjects.client}}</strong></p><p>{{portfolioProjects.category}} • {{portfolioProjects.year}}</p><p>{{portfolioProjects.shortDescription}}</p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"View Project\",\n            link: \"/portfolio/{{portfolioProjects.slug}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  // NEWS & ARTICLES\n  {\n    description: \"News article previews with categories - Clean editorial layout\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1.5rem\",\n      padding: \"2rem\",\n      colorPreset: { color: \"neutral-100\" },\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      rounding: \"rounded-md\",\n      loop: { over: \"latestNews\" },\n      $children: [\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h3>{{latestNews.headline}}</h3><p><strong>{{latestNews.category}}</strong> • {{latestNews.publishedDate}}</p><p>{{latestNews.summary}}</p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Read Full Article\",\n            link: \"/news/{{latestNews.slug}}\",\n          },\n        },\n      ],\n    },\n  },\n\n  // SERVICE OFFERINGS\n  {\n    description: \"Service packages with icons and pricing - Professional service presentation\",\n    type: \"box\",\n    props: {\n      direction: \"flex-col\",\n      gap: \"1rem\",\n      padding: \"2rem\",\n      justifyContent: \"justify-center\",\n      alignItems: \"items-center\",\n      colorPreset: { color: \"secondary-200\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n      loop: { over: \"companyServices\" },\n      $children: [\n        {\n          type: \"icon\",\n          props: {\n            icon: \"{{companyServices.iconName}}\",\n            size: \"2.5rem\",\n            color: \"{{companyServices.iconColor}}\",\n          },\n        },\n        {\n          type: \"text\",\n          props: {\n            content:\n              \"<h4 style='text-align: center'>{{companyServices.serviceName}}</h4><p style='text-align: center'>{{companyServices.description}}</p><p style='text-align: center'><strong>Starting at ${{companyServices.price}}</strong></p>\",\n          },\n        },\n        {\n          type: \"button\",\n          props: {\n            label: \"Learn More\",\n            link: \"/services/{{companyServices.serviceSlug}}\",\n          },\n        },\n      ],\n    },\n  },\n];\n"],"mappings":"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","names":[]}