@upstart.gg/sdk 0.0.137 → 0.0.138

package/dist/shared/{chunk-SK2O7GFC.js → chunk-L4W4B2RQ.js}

@@ -5,16 +5,19 @@ import {
 } from "./chunk-XCZVD5H6.js";
 import {
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
 import {
   shadow
 } from "./chunk-5RCC2STG.js";
+import {
+  grow
+} from "./chunk-2EOCK66Z.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/map.manifest.ts
 import { LiaMapMarkedAltSolid } from "react-icons/lia";
@@ -86,7 +89,12 @@ var manifest = defineBrickManifest({
         default: "rounded-xl"
       })
     ),
-    shadow: Type.Optional(shadow())
+    shadow: Type.Optional(shadow()),
+    grow: Type.Optional(
+      grow({
+        default: true
+      })
+    )
   })
 });
 var examples = [
@@ -117,7 +125,7 @@ var examples = [
     }
   },
   {
-    description: "Business location map with high zoom level and rounded corners",
+    description: "Business location map with high zoom level and rounded corners, take the full width of its container",
     type: "map",
     props: {
       lat: "34.0522",
@@ -125,6 +133,7 @@ var examples = [
       address: "Los Angeles, CA",
       tooltip: "Our Los Angeles Office",
       zoom: 18,
+      grow: true,
       rounding: "rounded-2xl",
       shadow: "shadow-xl"
     }
@@ -154,70 +163,6 @@ var examples = [
       rounding: "rounded-none",
       shadow: "shadow-md"
     }
-  },
-  {
-    description: "Hotel location with low zoom for area overview",
-    type: "map",
-    props: {
-      lat: "36.1699",
-      lng: "-115.1398",
-      address: "Las Vegas, NV",
-      tooltip: "Downtown Las Vegas Hotel",
-      zoom: 13,
-      rounding: "rounded-xl",
-      shadow: "shadow-lg"
-    }
-  },
-  {
-    description: "Store location with maximum zoom for street view detail",
-    type: "map",
-    props: {
-      lat: "47.6062",
-      lng: "-122.3321",
-      address: "Seattle, WA",
-      tooltip: "Seattle Flagship Store",
-      zoom: 18,
-      rounding: "rounded-md",
-      shadow: "shadow-sm"
-    }
-  },
-  {
-    description: "Park location with moderate zoom and minimal styling",
-    type: "map",
-    props: {
-      lat: "39.7392",
-      lng: "-104.9903",
-      address: "Denver, CO",
-      tooltip: "City Park Recreation Area",
-      zoom: 14,
-      rounding: "rounded-sm"
-    }
-  },
-  {
-    description: "Dynamic business location using company query",
-    type: "map",
-    props: {
-      lat: "{{company.latitude}}",
-      lng: "{{company.longitude}}",
-      address: "{{company.address}}",
-      tooltip: "{{company.name}} - {{company.address}}",
-      zoom: 16,
-      rounding: "rounded-lg",
-      shadow: "shadow-md"
-    }
-  },
-  {
-    description: "Dynamic event venue using event query",
-    type: "map",
-    props: {
-      lat: "{{event.venueLatitude}}",
-      lng: "{{event.venueLongitude}}",
-      address: "{{event.venueAddress}}",
-      tooltip: "{{event.title}} - {{event.venueName}}",
-      zoom: 17,
-      rounding: "rounded-xl",
-      shadow: "shadow-lg"
-    }
   }
 ];
 
@@ -226,4 +171,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-SK2O7GFC.js.map
+//# sourceMappingURL=chunk-L4W4B2RQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/map.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { LiaMapMarkedAltSolid } from \"react-icons/lia\";\nimport { rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { Type } from \"@sinclair/typebox\";\nimport { number } from \"../props/number\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\n\nexport const DEFAULTS = {\n  lat: 48.8566, // Default latitude (Paris)\n  lng: 2.3522, // Default longitude (Paris)\n  zoom: 15, // Default zoom level\n};\n\nexport const manifest = defineBrickManifest({\n  type: \"map\",\n  name: \"Map\",\n  description: \"A map element showing a location\",\n  aiInstructions:\n    \"This brick can be used to show a location on a map. Use the 'location' prop to set the coordinates and an optional tooltip.\",\n  minWidth: {\n    desktop: 280,\n    mobile: 280,\n  },\n  minHeight: {\n    desktop: 200,\n    mobile: 120,\n  },\n  defaultHeight: {\n    desktop: \"320px\",\n    mobile: \"280px\",\n  },\n  defaultWidth: {\n    desktop: \"380px\",\n    mobile: \"100%\",\n  },\n  icon: LiaMapMarkedAltSolid,\n  props: defineProps({\n    // location: geolocation({ defaultZoom: DEFAULTS.zoom }),\n    lat: Type.String({ title: \"Latitude\", \"ui:field\": \"hidden\" }),\n    lng: Type.String({ title: \"Longitude\", \"ui:field\": \"hidden\" }),\n    address: Type.String({\n      title: \"Address\",\n      \"ui:field\": \"geoaddress\",\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    tooltip: Type.Optional(\n      Type.String({\n        title: \"Tooltip\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    zoom: Type.Optional(\n      number(\"Zoom\", {\n        description: \"Zoom level for the map\",\n        \"ui:instructions\": \"The zoom level should be between 0 (world view) and 21 (street view).\",\n        \"ui:field\": \"slider\",\n        minimum: 12,\n        maximum: 18,\n        default: DEFAULTS.zoom,\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-xl\",\n      }),\n    ),\n    shadow: Type.Optional(shadow()),\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: \"Map showing a specific location\",\n    type: \"map\",\n    props: {\n      lat: \"37.7749\",\n      lng: \"-122.4194\",\n      address: \"San Francisco, CA\",\n      tooltip: \"San Francisco, CA\",\n      shadow: \"shadow-md\",\n      width: \"40%\",\n      height: \"250px\",\n    },\n  },\n  {\n    description: \"Map with custom styles\",\n    type: \"map\",\n    props: {\n      lat: \"40.7128\",\n      lng: \"-74.0060\",\n      address: \"New York, NY\",\n      tooltip: \"New York, NY\",\n      shadow: \"shadow-lg\",\n      width: \"100%\",\n      height: \"400px\",\n    },\n  },\n  {\n    description:\n      \"Business location map with high zoom level and rounded corners, take the full width of its container\",\n    type: \"map\",\n    props: {\n      lat: \"34.0522\",\n      lng: \"-118.2437\",\n      address: \"Los Angeles, CA\",\n      tooltip: \"Our Los Angeles Office\",\n      zoom: 18,\n      grow: true,\n      rounding: \"rounded-2xl\",\n      shadow: \"shadow-xl\",\n    },\n  },\n  {\n    description: \"Event venue map with medium zoom and subtle shadow\",\n    type: \"map\",\n    props: {\n      lat: \"41.8781\",\n      lng: \"-87.6298\",\n      address: \"Chicago, IL\",\n      tooltip: \"Conference Center - Chicago\",\n      zoom: 16,\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Restaurant location with default zoom and sharp corners\",\n    type: \"map\",\n    props: {\n      lat: \"25.7617\",\n      lng: \"-80.1918\",\n      address: \"Miami, FL\",\n      tooltip: \"Oceanview Restaurant & Bar\",\n      zoom: 15,\n      rounding: \"rounded-none\",\n      shadow: \"shadow-md\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-MYOLWTB2.js → chunk-NTP6BKRU.js}

@@ -6,25 +6,25 @@ import {
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
+import {
+  icon
+} from "./chunk-FYGFB5U5.js";
 import {
   fontSize
 } from "./chunk-2U5U3CCJ.js";
 import {
-  icon
-} from "./chunk-SQXZNGQF.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
   cssLength
 } from "./chunk-OJ6KL7FU.js";
-import {
-  colorPreset
-} from "./chunk-IEMCCHM4.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/social-links.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -513,4 +513,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-MYOLWTB2.js.map
+//# sourceMappingURL=chunk-NTP6BKRU.js.map

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

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

package/dist/shared/{chunk-JF52BBFD.js → chunk-O53V22BK.js}

@@ -3,25 +3,28 @@
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
-import {
-  fontSize
-} from "./chunk-2U5U3CCJ.js";
-import {
-  cssLength
-} from "./chunk-OJ6KL7FU.js";
+} from "./chunk-UC75KRLX.js";
 import {
   loop
 } from "./chunk-XFZQGRRL.js";
+import {
+  fontSize
+} from "./chunk-2U5U3CCJ.js";
 import {
   colorPreset
 } from "./chunk-IEMCCHM4.js";
+import {
+  grow
+} from "./chunk-2EOCK66Z.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 import {
   StringEnum
 } from "./chunk-GDYCCB3B.js";
@@ -168,6 +171,11 @@ var manifest = defineBrickManifest({
       border({
         default: { width: "border", color: "border-gray-200" }
       })
+    ),
+    grow: Type.Optional(
+      grow({
+        default: true
+      })
     )
   })
 });
@@ -458,4 +466,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-JF52BBFD.js.map
+//# sourceMappingURL=chunk-O53V22BK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/table.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { RiTable2 } from \"react-icons/ri\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport { fontSize } from \"../props/text\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\n\nexport const manifest = defineBrickManifest({\n  type: \"table\",\n  name: \"Table\",\n  category: \"widgets\",\n  description: \"Displays data in a structured table format with customizable columns and rows.\",\n  aiInstructions:\n    \"Use this brick to display structured data like product listings, pricing tables, user lists, or any tabular data. Can consume dynamic data from queries or use static data. Each column can be customized for content type and alignment.\",\n  consumesMultipleQueryRows: true,\n  defaultInspectorTab: \"content\",\n  isContainer: false,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 400,\n  },\n  defaultWidth: {\n    desktop: \"100%\",\n    mobile: \"100%\",\n  },\n  icon: RiTable2,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n    columns: Type.Array(\n      Type.Object({\n        header: Type.String({\n          title: \"Header\",\n          default: \"Column Header\",\n          metadata: { category: \"content\" },\n        }),\n        field: Type.String({\n          title: \"Field\",\n          default: \"fieldName\",\n          description: \"The field name from the data source or static content\",\n          metadata: { category: \"content\" },\n        }),\n        width: Type.Optional(\n          StringEnum([\"auto\", \"min\", \"1fr\", \"2fr\", \"3fr\"], {\n            title: \"Width\",\n            description: \"Column width behavior\",\n            enumNames: [\"Auto\", \"Minimum\", \"1 fraction\", \"2 fractions\", \"3 fractions\"],\n            default: \"auto\",\n          }),\n        ),\n        align: Type.Optional(\n          StringEnum([\"left\", \"center\", \"right\"], {\n            title: \"Alignment\",\n            description: \"Text alignment in this column\",\n            enumNames: [\"Left\", \"Center\", \"Right\"],\n            default: \"left\",\n          }),\n        ),\n        type: Type.Optional(\n          StringEnum([\"text\", \"image\", \"link\", \"currency\", \"date\"], {\n            title: \"Content Type\",\n            description: \"How to render the content in this column\",\n            enumNames: [\"Text\", \"Image\", \"Link\", \"Currency\", \"Date\"],\n            default: \"text\",\n          }),\n        ),\n      }),\n      {\n        title: \"Columns\",\n        default: [\n          { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n          { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n          { header: \"Role\", field: \"role\", width: \"1fr\", align: \"left\", type: \"text\" },\n        ],\n        metadata: {\n          category: \"content\",\n        },\n      },\n    ),\n    rows: Type.Optional(\n      Type.Array(Type.Record(Type.String(), Type.Any()), {\n        title: \"Static Data\",\n        description: \"Static table data when not using dynamic queries\",\n        default: [\n          { name: \"John Doe\", email: \"john@example.com\", role: \"Manager\" },\n          { name: \"Jane Smith\", email: \"jane@example.com\", role: \"Developer\" },\n          { name: \"Mike Johnson\", email: \"mike@example.com\", role: \"Designer\" },\n        ],\n        metadata: {\n          category: \"content\",\n          consumeQuery: true,\n        },\n      }),\n    ),\n    showHeader: Type.Optional(\n      Type.Boolean({\n        title: \"Show Header\",\n        description: \"Display the table header row\",\n        default: true,\n      }),\n    ),\n    striped: Type.Optional(\n      Type.Boolean({\n        title: \"Striped Rows\",\n        description: \"Alternate row colors for better readability\",\n        default: true,\n      }),\n    ),\n    hover: Type.Optional(\n      Type.Boolean({\n        title: \"Hover Effect\",\n        description: \"Highlight rows on hover\",\n        default: true,\n      }),\n    ),\n    fontSize: Type.Optional(\n      fontSize({\n        title: \"Font Size\",\n        description: \"Text size for table content\",\n        default: \"text-sm\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"1rem\",\n        description: \"Padding inside table cells\",\n        title: \"Cell Padding\",\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-lg\",\n      }),\n    ),\n    border: Type.Optional(\n      border({\n        default: { width: \"border\", color: \"border-gray-200\" },\n      }),\n    ),\n    grow: Type.Optional(\n      grow({\n        default: true,\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Team members table with basic information\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Department\", field: \"department\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"Role\", field: \"role\", width: \"1fr\", align: \"left\", type: \"text\" },\n      ],\n      rows: [\n        {\n          name: \"Sarah Johnson\",\n          email: \"sarah@company.com\",\n          department: \"Engineering\",\n          role: \"Senior Developer\",\n        },\n        { name: \"Mike Chen\", email: \"mike@company.com\", department: \"Design\", role: \"UX Designer\" },\n        {\n          name: \"Emily Rodriguez\",\n          email: \"emily@company.com\",\n          department: \"Marketing\",\n          role: \"Content Manager\",\n        },\n        { name: \"David Park\", email: \"david@company.com\", department: \"Sales\", role: \"Account Executive\" },\n      ],\n      colorPreset: { color: \"neutral-50\" },\n      fontSize: \"text-sm\",\n      padding: \"0.75rem\",\n    },\n  },\n  {\n    description: \"Product pricing table with currency formatting\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: true,\n      columns: [\n        { header: \"Product\", field: \"product\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Category\", field: \"category\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Price\", field: \"price\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Stock\", field: \"stock\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        { product: \"Wireless Headphones\", category: \"Audio\", price: \"299.99\", stock: \"In Stock\" },\n        { product: \"Bluetooth Speaker\", category: \"Audio\", price: \"149.99\", stock: \"Low Stock\" },\n        { product: \"Smartphone\", category: \"Mobile\", price: \"699.99\", stock: \"In Stock\" },\n        { product: \"Laptop Stand\", category: \"Accessories\", price: \"79.99\", stock: \"Out of Stock\" },\n      ],\n      colorPreset: { color: \"primary-50\" },\n      fontSize: \"text-base\",\n      border: { width: \"border-2\", color: \"border-primary-300\" },\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Event schedule table with dates and links\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: false,\n      columns: [\n        { header: \"Event\", field: \"event\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Date\", field: \"date\", width: \"1fr\", align: \"center\", type: \"date\" },\n        { header: \"Location\", field: \"location\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Register\", field: \"link\", width: \"1fr\", align: \"center\", type: \"link\" },\n      ],\n      rows: [\n        {\n          event: \"Web Development Workshop\",\n          date: \"2024-03-15\",\n          location: \"Room A\",\n          link: \"/events/workshop\",\n        },\n        { event: \"Design Thinking Seminar\", date: \"2024-03-22\", location: \"Room B\", link: \"/events/seminar\" },\n        { event: \"Networking Event\", date: \"2024-03-29\", location: \"Main Hall\", link: \"/events/networking\" },\n      ],\n      colorPreset: { color: \"secondary-100\" },\n      fontSize: \"text-sm\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Comparison table with centered alignment\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: false,\n      columns: [\n        { header: \"Feature\", field: \"feature\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Basic\", field: \"basic\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Pro\", field: \"pro\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Enterprise\", field: \"enterprise\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        { feature: \"Storage Space\", basic: \"10GB\", pro: \"100GB\", enterprise: \"Unlimited\" },\n        { feature: \"Users\", basic: \"5\", pro: \"25\", enterprise: \"Unlimited\" },\n        { feature: \"Support\", basic: \"Email\", pro: \"Priority\", enterprise: \"Dedicated\" },\n        { feature: \"API Access\", basic: \"❌\", pro: \"✅\", enterprise: \"✅\" },\n      ],\n      colorPreset: { color: \"accent-50\" },\n      border: { width: \"border\", color: \"border-accent-300\" },\n      fontSize: \"text-base\",\n      padding: \"1.25rem\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Simple data table without header\",\n    type: \"table\",\n    props: {\n      showHeader: false,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"\", field: \"label\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"\", field: \"value\", width: \"1fr\", align: \"right\", type: \"text\" },\n      ],\n      rows: [\n        { label: \"Founded\", value: \"2010\" },\n        { label: \"Employees\", value: \"250+\" },\n        { label: \"Locations\", value: \"15 cities\" },\n        { label: \"Revenue\", value: \"$50M+\" },\n      ],\n      colorPreset: { color: \"neutral-100\" },\n      fontSize: \"text-sm\",\n      padding: \"0.5rem\",\n      border: { width: \"border-0\", color: \"\" },\n    },\n  },\n  {\n    description: \"Dynamic employee table using employees query\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Full Name\", field: \"fullName\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Position\", field: \"position\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Department\", field: \"department\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Start Date\", field: \"startDate\", width: \"1fr\", align: \"center\", type: \"date\" },\n      ],\n      rows: [\n        {\n          fullName: \"{{employees.fullName}}\",\n          position: \"{{employees.position}}\",\n          department: \"{{employees.department}}\",\n          startDate: \"{{employees.startDate}}\",\n        },\n      ],\n      loop: { over: \"employees\" },\n      colorPreset: { color: \"primary-50\" },\n      fontSize: \"text-sm\",\n      padding: \"0.75rem\",\n    },\n  },\n  {\n    description: \"Product catalog using products query with pricing\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: true,\n      columns: [\n        { header: \"Product\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Category\", field: \"category\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Price\", field: \"price\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Status\", field: \"status\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        {\n          name: \"{{products.name}}\",\n          category: \"{{products.category}}\",\n          price: \"{{products.price}}\",\n          status: \"{{products.availability}}\",\n        },\n      ],\n      loop: { over: \"products\" },\n      colorPreset: { color: \"secondary-100\" },\n      border: { width: \"border-2\", color: \"border-secondary-300\" },\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Orders dashboard using orders query with links\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Order ID\", field: \"orderId\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"Customer\", field: \"customerName\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Total\", field: \"total\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Status\", field: \"status\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"View\", field: \"viewLink\", width: \"1fr\", align: \"center\", type: \"link\" },\n      ],\n      rows: [\n        {\n          orderId: \"{{orders.id}}\",\n          customerName: \"{{orders.customerName}}\",\n          total: \"{{orders.total}}\",\n          status: \"{{orders.status}}\",\n          viewLink: \"/orders/{{orders.id}}\",\n        },\n      ],\n      loop: { over: \"orders\" },\n      colorPreset: { color: \"accent-50\" },\n      fontSize: \"text-sm\",\n    },\n  },\n  {\n    description: \"Event attendees using attendees query\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: false,\n      columns: [\n        { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Company\", field: \"company\", width: \"1fr\", align: \"left\", type: \"text\" },\n        {\n          header: \"Registration Date\",\n          field: \"registrationDate\",\n          width: \"1fr\",\n          align: \"center\",\n          type: \"date\",\n        },\n      ],\n      rows: [\n        {\n          name: \"{{attendees.fullName}}\",\n          email: \"{{attendees.email}}\",\n          company: \"{{attendees.company}}\",\n          registrationDate: \"{{attendees.registrationDate}}\",\n        },\n      ],\n      loop: { over: \"attendees\" },\n      colorPreset: { color: \"neutral-100\" },\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Invoice items using invoiceItems query with detailed pricing\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: false,\n      columns: [\n        { header: \"Description\", field: \"description\", width: \"3fr\", align: \"left\", type: \"text\" },\n        { header: \"Quantity\", field: \"quantity\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Unit Price\", field: \"unitPrice\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Total\", field: \"total\", width: \"1fr\", align: \"right\", type: \"currency\" },\n      ],\n      rows: [\n        {\n          description: \"{{invoiceItems.description}}\",\n          quantity: \"{{invoiceItems.quantity}}\",\n          unitPrice: \"{{invoiceItems.unitPrice}}\",\n          total: \"{{invoiceItems.lineTotal}}\",\n        },\n      ],\n      loop: { over: \"invoiceItems\" },\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border-2\", color: \"border-primary-400\" },\n      fontSize: \"text-base\",\n      padding: \"1rem\",\n      rounding: \"rounded-lg\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-ZVJNRKT4.js → chunk-ORIUCOED.js}

@@ -3,19 +3,19 @@
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
-import {
-  cssLength
-} from "./chunk-OJ6KL7FU.js";
+} from "./chunk-UC75KRLX.js";
 import {
   shadow
 } from "./chunk-5RCC2STG.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/video.manifest.ts
 import { RxVideo } from "react-icons/rx";
@@ -126,4 +126,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-ZVJNRKT4.js.map
+//# sourceMappingURL=chunk-ORIUCOED.js.map

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

@@ -6,29 +6,29 @@ import {
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-VTCHJT4O.js";
+} from "./chunk-UC75KRLX.js";
 import {
-  cssLength
-} from "./chunk-OJ6KL7FU.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
   loop
 } from "./chunk-XFZQGRRL.js";
 import {
-  shadow
-} from "./chunk-5RCC2STG.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
   alignItems,
   justifyContent
 } from "./chunk-ZRBTAC3G.js";
-import {
-  colorPreset
-} from "./chunk-IEMCCHM4.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/box.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -613,4 +613,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-LGDDJJHK.js.map
+//# sourceMappingURL=chunk-PFZMRSHJ.js.map

package/dist/shared/{chunk-6AE7UD73.js → chunk-QHKOAIOK.js}

@@ -3,28 +3,28 @@
 import {
   border,
   rounding
-} from "./chunk-SRYBJ6NQ.js";
+} from "./chunk-VYA2FCTY.js";
 import {
-  defineProps
-} from "./chunk-VTCHJT4O.js";
+  color
+} from "./chunk-EUFVTHAG.js";
 import {
-  textContent
-} from "./chunk-2U5U3CCJ.js";
+  defineProps
+} from "./chunk-UC75KRLX.js";
 import {
-  cssLength
-} from "./chunk-OJ6KL7FU.js";
+  backgroundColor
+} from "./chunk-5OVOXUFX.js";
 import {
   shadow
 } from "./chunk-5RCC2STG.js";
 import {
-  alignItems
-} from "./chunk-ZRBTAC3G.js";
+  textContent
+} from "./chunk-2U5U3CCJ.js";
 import {
-  colorPreset
-} from "./chunk-IEMCCHM4.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
   defineBrickManifest
-} from "./chunk-J45LSQT6.js";
+} from "./chunk-GNTJT7MR.js";
 
 // src/shared/bricks/manifests/text.manifest.ts
 import { RxTextAlignLeft } from "react-icons/rx";
@@ -44,25 +44,22 @@ CONTENT FORMATTING:
 - Lists: <ul><li>Item 1</li><li>Item 2</li></ul>
 
 STYLING OPTIONS:
-- colorPreset: Leave empty to inherit parent colors, or use "primary-100", "secondary-200", "neutral-50", "accent-100" for backgrounds
-- padding: Use CSS values like "1rem", "2rem", "24px" for internal spacing
-- rounding: "rounded-none" (sharp), "rounded-md" (standard), "rounded-lg" (friendly), "rounded-xl" (soft)
-- border: Add borders with width ("border", "border-2") and color ("border-gray-300", "border-primary-500")
-- shadow: Add depth with "shadow-sm", "shadow-md", "shadow-lg"
+- "color": Leave empty to inherit parent text color, which is the recommended setting when the brick is a direct child of a section or box with background color.
+- "backgroundColor": Only use when the text brick is a direct child of a section.Leave empty for transparent background, or set to a color like "bg-xxx-nnn" for emphasis.
+- "padding": Use CSS values like "1rem", "2rem", "24px" for internal spacing
 
 WHEN TO USE:
+- All text content that requires formatting
 - Rich content sections (About Us, Service descriptions)
 - Announcements and notices
 - Product descriptions with formatting
 - Quotes and testimonials
 - FAQ content and detailed explanations
-- Footer information and legal text
 
 BEST PRACTICES:
 - Keep HTML minimal - complex layouts should use multiple components
 - Use semantic headings (h2, h3, h4) for proper hierarchy
-- Center-align for quotes/testimonials, left-align for body text
-- Choose background colors that provide good contrast, or no background for inline text`,
+- Center-align for quotes/testimonials, left-align for body text`,
   defaultWidth: {
     mobile: "100%"
   },
@@ -73,9 +70,14 @@ BEST PRACTICES:
   staticClasses: "prose lg:prose-lg",
   icon: RxTextAlignLeft,
   props: defineProps({
-    colorPreset: Type.Optional(
-      colorPreset({
-        title: "Color"
+    backgroundColor: Type.Optional(
+      backgroundColor({
+        title: "Background color"
+      })
+    ),
+    color: Type.Optional(
+      color({
+        title: "Text color"
       })
     ),
     content: textContent({
@@ -84,12 +86,6 @@ BEST PRACTICES:
       //   category: "content",
       // },
     }),
-    verticalAlign: Type.Optional(
-      alignItems({
-        default: "items-center",
-        title: "Align"
-      })
-    ),
     padding: Type.Optional(
       cssLength({
         default: "2rem",
@@ -137,10 +133,7 @@ var examples = [
     description: "Simple heading with subtle background",
     type: "text",
     props: {
-      content: "<h2>About Our Company</h2><p>We've been serving customers since 2010, building trust through quality products and exceptional service.</p>",
-      colorPreset: {
-        color: "primary-100"
-      }
+      content: "<h2>About Our Company</h2><p>We've been serving customers since 2010, building trust through quality products and exceptional service.</p>"
     }
   },
   {
@@ -157,9 +150,6 @@ var examples = [
     props: {
       content: "<p>Scheduled maintenance will occur on <em>Sunday, March 15th</em> from 2:00 AM to 6:00 AM UTC.</p><p>During this time, some features may be temporarily unavailable. We apologize for any inconvenience.</p>",
       padding: "1rem",
-      colorPreset: {
-        color: "neutral-700"
-      },
       border: {
         width: "border",
         color: "border-neutral-400"
@@ -180,13 +170,9 @@ var examples = [
     type: "text",
     props: {
       content: "<h3 style='text-align: center'>Ready to Get Started?</h3><p style='text-align: center'>Join thousands of satisfied customers who trust our platform. <strong>Sign up today</strong> and experience the difference!</p><p style='text-align: center'><a href='/signup'>Create Your Free Account</a></p>",
-      colorPreset: {
-        color: "secondary-200"
-      },
       padding: "2.5rem",
       rounding: "rounded-xl",
-      shadow: "shadow-md",
-      verticalAlign: "items-center"
+      shadow: "shadow-md"
     }
   },
   {
@@ -194,9 +180,6 @@ var examples = [
     type: "text",
     props: {
       content: "<h4>API Authentication</h4><p>To authenticate your requests, include your API key in the header:</p><p><strong>Authorization: Bearer YOUR_API_KEY</strong></p><p>All API endpoints require authentication. You can find your API key in the <a href='/dashboard'>dashboard settings</a>.</p>",
-      colorPreset: {
-        color: "accent-100"
-      },
       padding: "1.5rem",
       rounding: "rounded-md",
       border: {
@@ -210,13 +193,9 @@ var examples = [
     type: "text",
     props: {
       content: "<h3>\u2705 Payment Successful!</h3><p>Thank you for your purchase. Your order <strong>#12345</strong> has been confirmed.</p><p>You will receive an email confirmation shortly at your registered email address.</p>",
-      colorPreset: {
-        color: "primary-200"
-      },
       padding: "2rem",
       rounding: "rounded-lg",
-      shadow: "shadow-sm",
-      verticalAlign: "items-start"
+      shadow: "shadow-sm"
     }
   },
   {
@@ -224,11 +203,7 @@ var examples = [
     type: "text",
     props: {
       content: "<p style='text-align: center'>\xA9 2024 Company Name. All rights reserved.</p><p style='text-align: center'><a href='/privacy'>Privacy Policy</a> | <a href='/terms'>Terms of Service</a> | <a href='/contact'>Contact Us</a></p><p style='text-align: center'><em>Follow us on social media for the latest updates</em></p>",
-      colorPreset: {
-        color: "neutral-800"
-      },
-      padding: "1.5rem",
-      verticalAlign: "items-end"
+      padding: "1.5rem"
     }
   },
   {
@@ -250,17 +225,13 @@ var examples = [
     type: "text",
     props: {
       content: "<h3 style='text-align: center'>\u26A0\uFE0F URGENT NOTICE</h3><p style='text-align: center'><strong>System maintenance is currently in progress.</strong></p><p style='text-align: center'>Some services may be <em>temporarily unavailable</em>. We expect full restoration by 4:00 PM EST.</p><p style='text-align: center'>For urgent support, please <a href='/emergency-contact'>contact our emergency line</a>.</p>",
-      colorPreset: {
-        color: "accent-400"
-      },
       padding: "2rem",
       rounding: "rounded-md",
       border: {
         width: "border-2",
         color: "border-accent-600"
       },
-      shadow: "shadow-xl",
-      verticalAlign: "items-center"
+      shadow: "shadow-xl"
     }
   }
 ];
@@ -269,4 +240,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-6AE7UD73.js.map
+//# sourceMappingURL=chunk-QHKOAIOK.js.map