@upstart.gg/sdk 0.0.133 → 0.0.135

package/dist/shared/chunk-D4YQ6ABM.js

@@ -0,0 +1,338 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-TB3X4LRQ.js";
+import {
+  loopRef
+} from "./chunk-BW6EFRSF.js";
+import {
+  textContentRef
+} from "./chunk-F22LDHEO.js";
+import {
+  shadowRef
+} from "./chunk-TNMNMYOB.js";
+import {
+  imageRef
+} from "./chunk-W6MRYRGJ.js";
+import {
+  borderRef,
+  roundingRef
+} from "./chunk-NTLAKMMQ.js";
+import {
+  colorPresetRef
+} from "./chunk-TFGGYU6Y.js";
+import {
+  StringEnum
+} from "./chunk-JK2FWFJU.js";
+
+// src/shared/bricks/manifests/card.manifest.ts
+import { BsCardText } from "react-icons/bs";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "card",
+  name: "Card",
+  description: "A card that can have a title, image, and content.",
+  aiInstructions: "Use this brick to create cards that contain an image, title, and text content. Cards are useful for displaying information in a concise and visually appealing way.",
+  icon: BsCardText,
+  defaultWidth: { desktop: "400px", mobile: "100%" },
+  minWidth: { desktop: 300 },
+  minHeight: { mobile: 200, desktop: 200 },
+  maxWidth: { desktop: 650 },
+  props: defineProps({
+    colorPreset: Type.Optional(
+      colorPresetRef({
+        title: "Color preset",
+        default: { color: "base-100" }
+      })
+    ),
+    cardImage: Type.Optional(
+      imageRef({
+        "ui:responsive": "desktop",
+        metadata: {
+          category: "content"
+        }
+      })
+    ),
+    imagePosition: Type.Optional(
+      StringEnum(["top", "middle", "bottom", "left", "right"], {
+        enumNames: ["Top", "Middle", "Bottom", "Left", "Right"],
+        title: "Image Position",
+        description: "Where the image should be placed in the card",
+        default: "top",
+        "ui:responsive": "desktop",
+        metadata: {
+          category: "content",
+          filter: (manifestProps, formData) => {
+            return !!formData.cardImage?.src;
+          }
+        }
+      })
+    ),
+    noTitle: Type.Optional(
+      Type.Boolean({
+        title: "No Title",
+        description: "Whether to hide the card title",
+        default: false,
+        "ui:responsive": "desktop"
+      })
+    ),
+    title: Type.Optional(textContentRef({ title: "Title" })),
+    text: Type.Optional(textContentRef({ title: "Text" })),
+    rounding: Type.Optional(
+      roundingRef({
+        default: "rounded-md"
+      })
+    ),
+    border: Type.Optional(
+      borderRef({
+        // default: { width: "border", color: "border-base-300" },
+      })
+    ),
+    shadow: Type.Optional(
+      shadowRef({
+        default: "shadow-sm"
+      })
+    ),
+    loop: Type.Optional(loopRef())
+  })
+});
+var examples = [
+  {
+    description: "A simple card with a title and content",
+    type: "card",
+    props: {
+      title: "Card Title",
+      text: "This is the body of the card."
+    }
+  },
+  {
+    description: "Product card with image on the left",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "https://via.placeholder.com/200x200",
+        alt: "Product image"
+      },
+      title: "Premium Headphones",
+      text: "High-quality wireless headphones with noise cancellation and 30-hour battery life."
+    }
+  },
+  {
+    description: "Feature card with large padding and background",
+    type: "card",
+    props: {
+      title: "Key Feature",
+      text: "This feature provides exceptional value and enhances user experience significantly."
+    }
+  },
+  {
+    description: "Blog post card with image at the bottom",
+    type: "card",
+    props: {
+      title: "The Future of Technology",
+      text: "Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.",
+      cardImage: {
+        src: "https://via.placeholder.com/400x200",
+        alt: "Technology concept"
+      }
+    }
+  },
+  {
+    description: "Testimonial card with right-side image",
+    type: "card",
+    props: {
+      title: "Customer Review",
+      text: '"This product exceeded my expectations. The quality is outstanding and the customer service is top-notch!"',
+      cardImage: {
+        src: "https://via.placeholder.com/150x150",
+        alt: "Customer photo"
+      }
+    }
+  },
+  {
+    description: "Minimal centered card without image",
+    type: "card",
+    props: {
+      title: "Simple Announcement",
+      text: "Important updates will be posted here regularly."
+    }
+  },
+  {
+    description: "Event card with multiple variants",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "https://via.placeholder.com/400x250",
+        alt: "Event venue"
+      },
+      title: "Annual Conference 2025",
+      text: "Join us for three days of inspiring talks, networking opportunities, and hands-on workshops."
+    }
+  },
+  {
+    description: "News article card with compact layout",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "https://via.placeholder.com/120x120",
+        alt: "News thumbnail"
+      },
+      title: "Breaking News Update",
+      text: "Latest developments in the ongoing story with expert analysis and community reactions."
+    }
+  },
+  {
+    description: "Call-to-action card with prominent styling",
+    type: "card",
+    props: {
+      title: "Get Started Today",
+      text: "Transform your workflow with our powerful tools. Sign up now and get 30 days free!"
+    }
+  },
+  {
+    description: "Dynamic product card using products query with pricing and details",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{products.image}}",
+        alt: "{{products.name}}"
+      },
+      title: "{{products.name}}",
+      text: "{{products.description}}<br><strong>Price: ${{products.price}}</strong><br>Category: {{products.category}}",
+      colorPreset: { color: "primary-50" },
+      border: { width: "border", color: "border-primary-200" },
+      rounding: "rounded-lg",
+      shadow: "shadow-md",
+      loop: {
+        over: "products"
+      }
+    }
+  },
+  {
+    description: "Employee profile card using teamMembers query with contact information",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{teamMembers.photo}}",
+        alt: "Photo of {{teamMembers.fullName}}"
+      },
+      imagePosition: "top",
+      title: "{{teamMembers.fullName}}",
+      text: "<strong>{{teamMembers.position}}</strong><br>{{teamMembers.department}}<br>Email: {{teamMembers.email}}<br>Phone: {{teamMembers.phone}}",
+      colorPreset: { color: "neutral-100" },
+      rounding: "rounded-xl",
+      shadow: "shadow-lg",
+      loop: {
+        over: "teamMembers"
+      }
+    }
+  },
+  {
+    description: "Blog post card using blogPosts query with author and date",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{blogPosts.featuredImage}}",
+        alt: "{{blogPosts.title}}"
+      },
+      imagePosition: "top",
+      title: "{{blogPosts.title}}",
+      text: "{{blogPosts.excerpt}}<br><br><em>By {{blogPosts.author}} \u2022 {{blogPosts.publishDate}}</em><br>Tags: {{blogPosts.tags}}",
+      colorPreset: { color: "secondary-50" },
+      border: { width: "border", color: "border-secondary-300" },
+      rounding: "rounded-md",
+      shadow: "shadow-sm",
+      loop: {
+        over: "blogPosts"
+      }
+    }
+  },
+  {
+    description: "Event listing card using upcomingEvents query with venue details",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{upcomingEvents.banner}}",
+        alt: "{{upcomingEvents.title}}"
+      },
+      imagePosition: "top",
+      title: "{{upcomingEvents.title}}",
+      text: "<strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong><br>{{upcomingEvents.venue}}, {{upcomingEvents.city}}<br><br>{{upcomingEvents.description}}<br><br>Tickets: ${{upcomingEvents.price}}",
+      colorPreset: { color: "accent-100" },
+      border: { width: "border-2", color: "border-accent-400" },
+      rounding: "rounded-lg",
+      shadow: "shadow-md",
+      loop: {
+        over: "upcomingEvents"
+      }
+    }
+  },
+  {
+    description: "Testimonial card using customerReviews query with ratings",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{customerReviews.customerPhoto}}",
+        alt: "{{customerReviews.customerName}}"
+      },
+      imagePosition: "left",
+      title: "{{customerReviews.customerName}}",
+      text: '"{{customerReviews.review}}"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} \u2022 {{customerReviews.position}}',
+      colorPreset: { color: "neutral-50" },
+      rounding: "rounded-xl",
+      shadow: "shadow-lg",
+      loop: {
+        over: "customerReviews"
+      }
+    }
+  },
+  {
+    description: "Service offering card using companyServices query with pricing tiers",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{companyServices.icon}}",
+        alt: "{{companyServices.serviceName}}"
+      },
+      imagePosition: "top",
+      title: "{{companyServices.serviceName}}",
+      text: "{{companyServices.description}}<br><br><strong>Starting at ${{companyServices.startingPrice}}</strong><br>Duration: {{companyServices.duration}}<br>Includes: {{companyServices.features}}",
+      colorPreset: { color: "primary-100" },
+      border: { width: "border", color: "border-primary-300" },
+      rounding: "rounded-lg",
+      shadow: "shadow-md",
+      loop: {
+        over: "companyServices"
+      }
+    }
+  },
+  {
+    description: "Portfolio project card using portfolioWork query with project details",
+    type: "card",
+    props: {
+      cardImage: {
+        src: "{{portfolioWork.thumbnail}}",
+        alt: "{{portfolioWork.projectName}}"
+      },
+      imagePosition: "top",
+      title: "{{portfolioWork.projectName}}",
+      text: "<strong>Client:</strong> {{portfolioWork.clientName}}<br><strong>Year:</strong> {{portfolioWork.year}}<br><strong>Category:</strong> {{portfolioWork.category}}<br><br>{{portfolioWork.description}}",
+      colorPreset: { color: "secondary-100" },
+      rounding: "rounded-md",
+      shadow: "shadow-sm",
+      loop: {
+        over: "portfolioWork"
+      }
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-D4YQ6ABM.js.map

package/dist/shared/{chunk-PXI7AHWS.js.map → chunk-D4YQ6ABM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/card.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContentRef } from \"../props/text\";\nimport { BsCardText } from \"react-icons/bs\";\nimport { imageRef } from \"../props/image\";\nimport { type Static, Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { shadowRef } from \"../props/effects\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nexport const manifest = defineBrickManifest({\n  type: \"card\",\n  name: \"Card\",\n  description: \"A card that can have a title, image, and content.\",\n  aiInstructions:\n    \"Use this brick to create cards that contain an image, title, and text content. Cards are useful for displaying information in a concise and visually appealing way.\",\n  icon: BsCardText,\n  defaultWidth: { desktop: \"400px\", mobile: \"100%\" },\n  minWidth: { desktop: 300 },\n  minHeight: { mobile: 200, desktop: 200 },\n  maxWidth: { desktop: 650 },\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color preset\",\n        default: { color: \"base-100\" },\n      }),\n    ),\n\n    cardImage: Type.Optional(\n      imageRef({\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    imagePosition: Type.Optional(\n      StringEnum([\"top\", \"middle\", \"bottom\", \"left\", \"right\"], {\n        enumNames: [\"Top\", \"Middle\", \"Bottom\", \"Left\", \"Right\"],\n        title: \"Image Position\",\n        description: \"Where the image should be placed in the card\",\n        default: \"top\",\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n          filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n            return !!formData.cardImage?.src;\n          },\n        },\n      }),\n    ),\n    noTitle: Type.Optional(\n      Type.Boolean({\n        title: \"No Title\",\n        description: \"Whether to hide the card title\",\n        default: false,\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    title: Type.Optional(textContentRef({ title: \"Title\" })),\n    text: Type.Optional(textContentRef({ title: \"Text\" })),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(\n      borderRef({\n        // default: { width: \"border\", color: \"border-base-300\" },\n      }),\n    ),\n    shadow: Type.Optional(\n      shadowRef({\n        default: \"shadow-sm\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\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}[] = [\n  {\n    description: \"A simple card with a title and content\",\n    type: \"card\",\n    props: {\n      title: \"Card Title\",\n      text: \"This is the body of the card.\",\n    },\n  },\n  {\n    description: \"Product card with image on the left\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/200x200\",\n        alt: \"Product image\",\n      },\n      title: \"Premium Headphones\",\n      text: \"High-quality wireless headphones with noise cancellation and 30-hour battery life.\",\n    },\n  },\n  {\n    description: \"Feature card with large padding and background\",\n    type: \"card\",\n    props: {\n      title: \"Key Feature\",\n      text: \"This feature provides exceptional value and enhances user experience significantly.\",\n    },\n  },\n  {\n    description: \"Blog post card with image at the bottom\",\n    type: \"card\",\n    props: {\n      title: \"The Future of Technology\",\n      text: \"Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.\",\n      cardImage: {\n        src: \"https://via.placeholder.com/400x200\",\n        alt: \"Technology concept\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card with right-side image\",\n    type: \"card\",\n    props: {\n      title: \"Customer Review\",\n      text: '\"This product exceeded my expectations. The quality is outstanding and the customer service is top-notch!\"',\n      cardImage: {\n        src: \"https://via.placeholder.com/150x150\",\n        alt: \"Customer photo\",\n      },\n    },\n  },\n  {\n    description: \"Minimal centered card without image\",\n    type: \"card\",\n    props: {\n      title: \"Simple Announcement\",\n      text: \"Important updates will be posted here regularly.\",\n    },\n  },\n  {\n    description: \"Event card with multiple variants\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/400x250\",\n        alt: \"Event venue\",\n      },\n      title: \"Annual Conference 2025\",\n      text: \"Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.\",\n    },\n  },\n  {\n    description: \"News article card with compact layout\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/120x120\",\n        alt: \"News thumbnail\",\n      },\n      title: \"Breaking News Update\",\n      text: \"Latest developments in the ongoing story with expert analysis and community reactions.\",\n    },\n  },\n  {\n    description: \"Call-to-action card with prominent styling\",\n    type: \"card\",\n    props: {\n      title: \"Get Started Today\",\n      text: \"Transform your workflow with our powerful tools. Sign up now and get 30 days free!\",\n    },\n  },\n  {\n    description: \"Dynamic product card using products query with pricing and details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{products.image}}\",\n        alt: \"{{products.name}}\",\n      },\n      title: \"{{products.name}}\",\n      text: \"{{products.description}}<br><strong>Price: ${{products.price}}</strong><br>Category: {{products.category}}\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Employee profile card using teamMembers query with contact information\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{teamMembers.photo}}\",\n        alt: \"Photo of {{teamMembers.fullName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{teamMembers.fullName}}\",\n      text: \"<strong>{{teamMembers.position}}</strong><br>{{teamMembers.department}}<br>Email: {{teamMembers.email}}<br>Phone: {{teamMembers.phone}}\",\n      colorPreset: { color: \"neutral-100\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card using blogPosts query with author and date\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{blogPosts.featuredImage}}\",\n        alt: \"{{blogPosts.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{blogPosts.title}}\",\n      text: \"{{blogPosts.excerpt}}<br><br><em>By {{blogPosts.author}} • {{blogPosts.publishDate}}</em><br>Tags: {{blogPosts.tags}}\",\n      colorPreset: { color: \"secondary-50\" },\n      border: { width: \"border\", color: \"border-secondary-300\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      loop: {\n        over: \"blogPosts\",\n      },\n    },\n  },\n  {\n    description: \"Event listing card using upcomingEvents query with venue details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{upcomingEvents.banner}}\",\n        alt: \"{{upcomingEvents.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{upcomingEvents.title}}\",\n      text: \"<strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong><br>{{upcomingEvents.venue}}, {{upcomingEvents.city}}<br><br>{{upcomingEvents.description}}<br><br>Tickets: ${{upcomingEvents.price}}\",\n      colorPreset: { color: \"accent-100\" },\n      border: { width: \"border-2\", color: \"border-accent-400\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"upcomingEvents\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card using customerReviews query with ratings\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{customerReviews.customerPhoto}}\",\n        alt: \"{{customerReviews.customerName}}\",\n      },\n      imagePosition: \"left\",\n      title: \"{{customerReviews.customerName}}\",\n      text: '\"{{customerReviews.review}}\"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} • {{customerReviews.position}}',\n      colorPreset: { color: \"neutral-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      loop: {\n        over: \"customerReviews\",\n      },\n    },\n  },\n  {\n    description: \"Service offering card using companyServices query with pricing tiers\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{companyServices.icon}}\",\n        alt: \"{{companyServices.serviceName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{companyServices.serviceName}}\",\n      text: \"{{companyServices.description}}<br><br><strong>Starting at ${{companyServices.startingPrice}}</strong><br>Duration: {{companyServices.duration}}<br>Includes: {{companyServices.features}}\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-300\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"companyServices\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio project card using portfolioWork query with project details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{portfolioWork.thumbnail}}\",\n        alt: \"{{portfolioWork.projectName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{portfolioWork.projectName}}\",\n      text: \"<strong>Client:</strong> {{portfolioWork.clientName}}<br><strong>Year:</strong> {{portfolioWork.year}}<br><strong>Category:</strong> {{portfolioWork.category}}<br><br>{{portfolioWork.description}}\",\n      colorPreset: { color: \"secondary-100\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      loop: {\n        over: \"portfolioWork\",\n      },\n    },\n  },\n];\n"],"mappings":";;+WAGA,OAAS,cAAAA,MAAkB,iBAE3B,OAAsB,QAAAC,MAAY,oBAQ3B,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,OACN,KAAM,OACN,YAAa,oDACb,eACE,sKACF,KAAMC,EACN,aAAc,CAAE,QAAS,QAAS,OAAQ,MAAO,EACjD,SAAU,CAAE,QAAS,GAAI,EACzB,UAAW,CAAE,OAAQ,IAAK,QAAS,GAAI,EACvC,SAAU,CAAE,QAAS,GAAI,EACzB,MAAOC,EAAY,CACjB,YAAaC,EAAK,SAChBC,EAAe,CACb,MAAO,eACP,QAAS,CAAE,MAAO,UAAW,CAC/B,CAAC,CACH,EAEA,UAAWD,EAAK,SACdE,EAAS,CACP,gBAAiB,UACjB,SAAU,CACR,SAAU,SACZ,CACF,CAAC,CACH,EACA,cAAeF,EAAK,SAClBG,EAAW,CAAC,MAAO,SAAU,SAAU,OAAQ,OAAO,EAAG,CACvD,UAAW,CAAC,MAAO,SAAU,SAAU,OAAQ,OAAO,EACtD,MAAO,iBACP,YAAa,+CACb,QAAS,MACT,gBAAiB,UACjB,SAAU,CACR,SAAU,UACV,OAAQ,CAACC,EAAkCC,IAClC,CAAC,CAACA,EAAS,WAAW,GAEjC,CACF,CAAC,CACH,EACA,QAASL,EAAK,SACZA,EAAK,QAAQ,CACX,MAAO,WACP,YAAa,iCACb,QAAS,GACT,gBAAiB,SACnB,CAAC,CACH,EACA,MAAOA,EAAK,SAASM,EAAe,CAAE,MAAO,OAAQ,CAAC,CAAC,EACvD,KAAMN,EAAK,SAASM,EAAe,CAAE,MAAO,MAAO,CAAC,CAAC,EACrD,SAAUN,EAAK,SACbO,EAAY,CACV,QAAS,YACX,CAAC,CACH,EACA,OAAQP,EAAK,SACXQ,EAAU,CAEV,CAAC,CACH,EACA,OAAQR,EAAK,SACXS,EAAU,CACR,QAAS,WACX,CAAC,CACH,EACA,KAAMT,EAAK,SAASU,EAAQ,CAAC,CAC/B,CAAC,CACH,CAAC,EAIYC,EAIP,CACJ,CACE,YAAa,yCACb,KAAM,OACN,MAAO,CACL,MAAO,aACP,KAAM,+BACR,CACF,EACA,CACE,YAAa,sCACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,sCACL,IAAK,eACP,EACA,MAAO,qBACP,KAAM,oFACR,CACF,EACA,CACE,YAAa,iDACb,KAAM,OACN,MAAO,CACL,MAAO,cACP,KAAM,qFACR,CACF,EACA,CACE,YAAa,0CACb,KAAM,OACN,MAAO,CACL,MAAO,2BACP,KAAM,wGACN,UAAW,CACT,IAAK,sCACL,IAAK,oBACP,CACF,CACF,EACA,CACE,YAAa,yCACb,KAAM,OACN,MAAO,CACL,MAAO,kBACP,KAAM,6GACN,UAAW,CACT,IAAK,sCACL,IAAK,gBACP,CACF,CACF,EACA,CACE,YAAa,sCACb,KAAM,OACN,MAAO,CACL,MAAO,sBACP,KAAM,kDACR,CACF,EACA,CACE,YAAa,oCACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,sCACL,IAAK,aACP,EACA,MAAO,yBACP,KAAM,8FACR,CACF,EACA,CACE,YAAa,wCACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,sCACL,IAAK,gBACP,EACA,MAAO,uBACP,KAAM,wFACR,CACF,EACA,CACE,YAAa,6CACb,KAAM,OACN,MAAO,CACL,MAAO,oBACP,KAAM,oFACR,CACF,EACA,CACE,YAAa,qEACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,qBACL,IAAK,mBACP,EACA,MAAO,oBACP,KAAM,6GACN,YAAa,CAAE,MAAO,YAAa,EACnC,OAAQ,CAAE,MAAO,SAAU,MAAO,oBAAqB,EACvD,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,UACR,CACF,CACF,EACA,CACE,YAAa,yEACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,wBACL,IAAK,mCACP,EACA,cAAe,MACf,MAAO,2BACP,KAAM,0IACN,YAAa,CAAE,MAAO,aAAc,EACpC,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,aACR,CACF,CACF,EACA,CACE,YAAa,4DACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,8BACL,IAAK,qBACP,EACA,cAAe,MACf,MAAO,sBACP,KAAM,6HACN,YAAa,CAAE,MAAO,cAAe,EACrC,OAAQ,CAAE,MAAO,SAAU,MAAO,sBAAuB,EACzD,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,WACR,CACF,CACF,EACA,CACE,YAAa,mEACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,4BACL,IAAK,0BACP,EACA,cAAe,MACf,MAAO,2BACP,KAAM,2MACN,YAAa,CAAE,MAAO,YAAa,EACnC,OAAQ,CAAE,MAAO,WAAY,MAAO,mBAAoB,EACxD,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,gBACR,CACF,CACF,EACA,CACE,YAAa,4DACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,oCACL,IAAK,kCACP,EACA,cAAe,OACf,MAAO,mCACP,KAAM,qKACN,YAAa,CAAE,MAAO,YAAa,EACnC,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,iBACR,CACF,CACF,EACA,CACE,YAAa,uEACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,2BACL,IAAK,iCACP,EACA,cAAe,MACf,MAAO,kCACP,KAAM,6LACN,YAAa,CAAE,MAAO,aAAc,EACpC,OAAQ,CAAE,MAAO,SAAU,MAAO,oBAAqB,EACvD,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,iBACR,CACF,CACF,EACA,CACE,YAAa,wEACb,KAAM,OACN,MAAO,CACL,UAAW,CACT,IAAK,8BACL,IAAK,+BACP,EACA,cAAe,MACf,MAAO,gCACP,KAAM,uMACN,YAAa,CAAE,MAAO,eAAgB,EACtC,SAAU,aACV,OAAQ,YACR,KAAM,CACJ,KAAM,eACR,CACF,CACF,CACF","names":["BsCardText","Type","manifest","defineBrickManifest","BsCardText","defineProps","Type","colorPresetRef","imageRef","StringEnum","manifestProps","formData","textContentRef","roundingRef","borderRef","shadowRef","loopRef","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/card.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContentRef } from \"../props/text\";\nimport { BsCardText } from \"react-icons/bs\";\nimport { imageRef } from \"../props/image\";\nimport { type Static, Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { shadowRef } from \"../props/effects\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nexport const manifest = defineBrickManifest({\n  type: \"card\",\n  name: \"Card\",\n  description: \"A card that can have a title, image, and content.\",\n  aiInstructions:\n    \"Use this brick to create cards that contain an image, title, and text content. Cards are useful for displaying information in a concise and visually appealing way.\",\n  icon: BsCardText,\n  defaultWidth: { desktop: \"400px\", mobile: \"100%\" },\n  minWidth: { desktop: 300 },\n  minHeight: { mobile: 200, desktop: 200 },\n  maxWidth: { desktop: 650 },\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color preset\",\n        default: { color: \"base-100\" },\n      }),\n    ),\n\n    cardImage: Type.Optional(\n      imageRef({\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    imagePosition: Type.Optional(\n      StringEnum([\"top\", \"middle\", \"bottom\", \"left\", \"right\"], {\n        enumNames: [\"Top\", \"Middle\", \"Bottom\", \"Left\", \"Right\"],\n        title: \"Image Position\",\n        description: \"Where the image should be placed in the card\",\n        default: \"top\",\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n          filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n            return !!formData.cardImage?.src;\n          },\n        },\n      }),\n    ),\n    noTitle: Type.Optional(\n      Type.Boolean({\n        title: \"No Title\",\n        description: \"Whether to hide the card title\",\n        default: false,\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    title: Type.Optional(textContentRef({ title: \"Title\" })),\n    text: Type.Optional(textContentRef({ title: \"Text\" })),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(\n      borderRef({\n        // default: { width: \"border\", color: \"border-base-300\" },\n      }),\n    ),\n    shadow: Type.Optional(\n      shadowRef({\n        default: \"shadow-sm\",\n      }),\n    ),\n    loop: Type.Optional(loopRef()),\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}[] = [\n  {\n    description: \"A simple card with a title and content\",\n    type: \"card\",\n    props: {\n      title: \"Card Title\",\n      text: \"This is the body of the card.\",\n    },\n  },\n  {\n    description: \"Product card with image on the left\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/200x200\",\n        alt: \"Product image\",\n      },\n      title: \"Premium Headphones\",\n      text: \"High-quality wireless headphones with noise cancellation and 30-hour battery life.\",\n    },\n  },\n  {\n    description: \"Feature card with large padding and background\",\n    type: \"card\",\n    props: {\n      title: \"Key Feature\",\n      text: \"This feature provides exceptional value and enhances user experience significantly.\",\n    },\n  },\n  {\n    description: \"Blog post card with image at the bottom\",\n    type: \"card\",\n    props: {\n      title: \"The Future of Technology\",\n      text: \"Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.\",\n      cardImage: {\n        src: \"https://via.placeholder.com/400x200\",\n        alt: \"Technology concept\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card with right-side image\",\n    type: \"card\",\n    props: {\n      title: \"Customer Review\",\n      text: '\"This product exceeded my expectations. The quality is outstanding and the customer service is top-notch!\"',\n      cardImage: {\n        src: \"https://via.placeholder.com/150x150\",\n        alt: \"Customer photo\",\n      },\n    },\n  },\n  {\n    description: \"Minimal centered card without image\",\n    type: \"card\",\n    props: {\n      title: \"Simple Announcement\",\n      text: \"Important updates will be posted here regularly.\",\n    },\n  },\n  {\n    description: \"Event card with multiple variants\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/400x250\",\n        alt: \"Event venue\",\n      },\n      title: \"Annual Conference 2025\",\n      text: \"Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.\",\n    },\n  },\n  {\n    description: \"News article card with compact layout\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/120x120\",\n        alt: \"News thumbnail\",\n      },\n      title: \"Breaking News Update\",\n      text: \"Latest developments in the ongoing story with expert analysis and community reactions.\",\n    },\n  },\n  {\n    description: \"Call-to-action card with prominent styling\",\n    type: \"card\",\n    props: {\n      title: \"Get Started Today\",\n      text: \"Transform your workflow with our powerful tools. Sign up now and get 30 days free!\",\n    },\n  },\n  {\n    description: \"Dynamic product card using products query with pricing and details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{products.image}}\",\n        alt: \"{{products.name}}\",\n      },\n      title: \"{{products.name}}\",\n      text: \"{{products.description}}<br><strong>Price: ${{products.price}}</strong><br>Category: {{products.category}}\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Employee profile card using teamMembers query with contact information\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{teamMembers.photo}}\",\n        alt: \"Photo of {{teamMembers.fullName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{teamMembers.fullName}}\",\n      text: \"<strong>{{teamMembers.position}}</strong><br>{{teamMembers.department}}<br>Email: {{teamMembers.email}}<br>Phone: {{teamMembers.phone}}\",\n      colorPreset: { color: \"neutral-100\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card using blogPosts query with author and date\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{blogPosts.featuredImage}}\",\n        alt: \"{{blogPosts.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{blogPosts.title}}\",\n      text: \"{{blogPosts.excerpt}}<br><br><em>By {{blogPosts.author}} • {{blogPosts.publishDate}}</em><br>Tags: {{blogPosts.tags}}\",\n      colorPreset: { color: \"secondary-50\" },\n      border: { width: \"border\", color: \"border-secondary-300\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      loop: {\n        over: \"blogPosts\",\n      },\n    },\n  },\n  {\n    description: \"Event listing card using upcomingEvents query with venue details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{upcomingEvents.banner}}\",\n        alt: \"{{upcomingEvents.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{upcomingEvents.title}}\",\n      text: \"<strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong><br>{{upcomingEvents.venue}}, {{upcomingEvents.city}}<br><br>{{upcomingEvents.description}}<br><br>Tickets: ${{upcomingEvents.price}}\",\n      colorPreset: { color: \"accent-100\" },\n      border: { width: \"border-2\", color: \"border-accent-400\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"upcomingEvents\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card using customerReviews query with ratings\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{customerReviews.customerPhoto}}\",\n        alt: \"{{customerReviews.customerName}}\",\n      },\n      imagePosition: \"left\",\n      title: \"{{customerReviews.customerName}}\",\n      text: '\"{{customerReviews.review}}\"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} • {{customerReviews.position}}',\n      colorPreset: { color: \"neutral-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      loop: {\n        over: \"customerReviews\",\n      },\n    },\n  },\n  {\n    description: \"Service offering card using companyServices query with pricing tiers\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{companyServices.icon}}\",\n        alt: \"{{companyServices.serviceName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{companyServices.serviceName}}\",\n      text: \"{{companyServices.description}}<br><br><strong>Starting at ${{companyServices.startingPrice}}</strong><br>Duration: {{companyServices.duration}}<br>Includes: {{companyServices.features}}\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-300\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      loop: {\n        over: \"companyServices\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio project card using portfolioWork query with project details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{portfolioWork.thumbnail}}\",\n        alt: \"{{portfolioWork.projectName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{portfolioWork.projectName}}\",\n      text: \"<strong>Client:</strong> {{portfolioWork.clientName}}<br><strong>Year:</strong> {{portfolioWork.year}}<br><strong>Category:</strong> {{portfolioWork.category}}<br><br>{{portfolioWork.description}}\",\n      colorPreset: { color: \"secondary-100\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      loop: {\n        over: \"portfolioWork\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-DRTGM2UJ.js

@@ -0,0 +1,129 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-TB3X4LRQ.js";
+
+// src/shared/bricks/manifests/html.manifest.ts
+import { BsCodeSquare } from "react-icons/bs";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "html",
+  name: "Html",
+  category: "widgets",
+  description: "A flexible brick that accepts HTML content. Useful for embeding custom HTML or third-party widgets.",
+  aiInstructions: "Use only this brick type when integrating third party widgets or custom HTML content. Most of the time, you should use other bricks that are more secure and easier to use.",
+  staticClasses: "self-stretch",
+  defaultWidth: {
+    mobile: "auto",
+    desktop: "300px"
+  },
+  icon: BsCodeSquare,
+  props: defineProps({
+    html: Type.String({
+      title: "HTML Content",
+      description: "The HTML content to render. Use with caution, as it can introduce security risks.",
+      default: "<div>Your HTML content here</div>",
+      "ui:placeholder": "<div>Your HTML content here</div>",
+      "ui:multiline": true,
+      metadata: {
+        category: "content"
+      }
+    })
+  })
+});
+var examples = [
+  {
+    description: "A tally form",
+    type: "html",
+    props: {
+      html: '<iframe data-tally-src="https://tally.so/embed/wQZpd8?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="282" frameborder="0" marginheight="0" marginwidth="0" title="test"></iframe>'
+    }
+  },
+  {
+    description: "YouTube video embed",
+    type: "html",
+    props: {
+      html: '<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'
+    }
+  },
+  {
+    description: "Google Maps embed",
+    type: "html",
+    props: {
+      html: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.309059887159!2d-74.00849368459473!3d40.71278097932847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a165bedccab%3A0xa2008c34c27bfb67!2sWall%20St%2C%20New%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sus!4v1620000000000" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'
+    }
+  },
+  {
+    description: "Twitter tweet embed",
+    type: "html",
+    props: {
+      html: '<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Just setting up my twttr</p>&mdash; Jack Dorsey (@jack) <a href="https://twitter.com/jack/status/20?ref_src=twsrc%5Etfw">March 21, 2006</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>'
+    }
+  },
+  {
+    description: "CodePen embed for code showcase",
+    type: "html",
+    props: {
+      html: '<iframe height="300" style="width: 100%;" scrolling="no" title="CSS Animation Example" src="https://codepen.io/team/codepen/embed/PNaGbb?height=300&theme-id=light&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"></iframe>'
+    }
+  },
+  {
+    description: "Calendly scheduling widget",
+    type: "html",
+    props: {
+      html: '<div class="calendly-inline-widget" data-url="https://calendly.com/your-name/30min" style="min-width:320px;height:630px;"></div><script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>'
+    }
+  },
+  {
+    description: "Custom pricing table with CSS styling",
+    type: "html",
+    props: {
+      html: '<div style="display: flex; gap: 20px; justify-content: center;"><div style="border: 2px solid #e2e8f0; border-radius: 12px; padding: 24px; text-align: center; background: white;"><h3 style="margin: 0 0 16px; color: #1e293b;">Basic</h3><div style="font-size: 32px; font-weight: bold; color: #0ea5e9;">$9</div><p style="color: #64748b; margin: 8px 0 20px;">per month</p><ul style="list-style: none; padding: 0; margin: 0;"><li style="padding: 8px 0;">\u2713 5 Projects</li><li style="padding: 8px 0;">\u2713 10GB Storage</li><li style="padding: 8px 0;">\u2713 Email Support</li></ul></div></div>'
+    }
+  },
+  {
+    description: "Mailchimp newsletter signup form",
+    type: "html",
+    props: {
+      html: '<div id="mc_embed_signup"><form action="https://your-domain.us1.list-manage.com/subscribe/post?u=123456789&amp;id=abcdefghij" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><div id="mc_embed_signup_scroll"><div class="mc-field-group"><label for="mce-EMAIL">Email Address</label><input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px;"></div><div id="mce-responses" class="clear"><div class="response" id="mce-error-response" style="display:none"></div><div class="response" id="mce-success-response" style="display:none"></div></div><div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_123456789_abcdefghij" tabindex="-1" value=""></div><div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="background: #007cba; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer;"></div></div></form></div>'
+    }
+  },
+  {
+    description: "Stripe payment button integration",
+    type: "html",
+    props: {
+      html: '<script async src="https://js.stripe.com/v3/buy-button.js"></script><stripe-buy-button buy-button-id="buy_btn_1234567890" publishable-key="pk_test_1234567890"></stripe-buy-button>'
+    }
+  },
+  {
+    description: "Instagram post embed",
+    type: "html",
+    props: {
+      html: '<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/ABC123/" data-instgrm-version="14" style="background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"></blockquote><script async src="//www.instagram.com/embed.js"></script>'
+    }
+  },
+  {
+    description: "Custom countdown timer widget",
+    type: "html",
+    props: {
+      html: '<div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white;"><h3 style="margin: 0 0 20px; font-size: 24px;">Event Countdown</h3><div id="countdown" style="display: flex; justify-content: center; gap: 20px;"><div style="text-align: center;"><div style="font-size: 32px; font-weight: bold;">10</div><div style="font-size: 14px; opacity: 0.8;">DAYS</div></div><div style="text-align: center;"><div style="font-size: 32px; font-weight: bold;">15</div><div style="font-size: 14px; opacity: 0.8;">HOURS</div></div><div style="text-align: center;"><div style="font-size: 32px; font-weight: bold;">30</div><div style="font-size: 14px; opacity: 0.8;">MINUTES</div></div></div></div>'
+    }
+  },
+  {
+    description: "Interactive feedback widget with rating stars",
+    type: "html",
+    props: {
+      html: '<div style="border: 1px solid #e2e8f0; border-radius: 8px; padding: 24px; background: #f8fafc;"><h4 style="margin: 0 0 16px; color: #1e293b;">How was your experience?</h4><div style="display: flex; gap: 8px; margin: 16px 0;"><span style="font-size: 24px; cursor: pointer; color: #fbbf24;">\u2605</span><span style="font-size: 24px; cursor: pointer; color: #fbbf24;">\u2605</span><span style="font-size: 24px; cursor: pointer; color: #fbbf24;">\u2605</span><span style="font-size: 24px; cursor: pointer; color: #fbbf24;">\u2605</span><span style="font-size: 24px; cursor: pointer; color: #d1d5db;">\u2605</span></div><textarea placeholder="Tell us more about your experience..." style="width: 100%; height: 80px; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; resize: vertical; font-family: inherit;"></textarea><button style="margin-top: 12px; background: #3b82f6; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer;">Submit Feedback</button></div>'
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-DRTGM2UJ.js.map

package/dist/shared/{chunk-FLOMNC6J.js.map → chunk-DRTGM2UJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/html.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport type { BrickProps } from \"../props/types\";\nimport { BsCodeSquare } from \"react-icons/bs\";\n\nimport { Type } from \"@sinclair/typebox\";\n\nexport const manifest = defineBrickManifest({\n  type: \"html\",\n  name: \"Html\",\n  category: \"widgets\",\n  description:\n    \"A flexible brick that accepts HTML content. Useful for embeding custom HTML or third-party widgets.\",\n  aiInstructions:\n    \"Use only this brick type when integrating third party widgets or custom HTML content. Most of the time, you should use other bricks that are more secure and easier to use.\",\n  staticClasses: \"self-stretch\",\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: \"300px\",\n  },\n  icon: BsCodeSquare,\n  props: defineProps({\n    html: Type.String({\n      title: \"HTML Content\",\n      description: \"The HTML content to render. Use with caution, as it can introduce security risks.\",\n      default: \"<div>Your HTML content here</div>\",\n      \"ui:placeholder\": \"<div>Your HTML content here</div>\",\n      \"ui:multiline\": true,\n      metadata: {\n        category: \"content\",\n      },\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"A tally form\",\n    type: \"html\",\n    props: {\n      html: '<iframe data-tally-src=\"https://tally.so/embed/wQZpd8?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"282\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"test\"></iframe>',\n    },\n  },\n  {\n    description: \"YouTube video embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>',\n    },\n  },\n  {\n    description: \"Google Maps embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.309059887159!2d-74.00849368459473!3d40.71278097932847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a165bedccab%3A0xa2008c34c27bfb67!2sWall%20St%2C%20New%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sus!4v1620000000000\" width=\"100%\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>',\n    },\n  },\n  {\n    description: \"Twitter tweet embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Just setting up my twttr</p>&mdash; Jack Dorsey (@jack) <a href=\"https://twitter.com/jack/status/20?ref_src=twsrc%5Etfw\">March 21, 2006</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>',\n    },\n  },\n  {\n    description: \"CodePen embed for code showcase\",\n    type: \"html\",\n    props: {\n      html: '<iframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"CSS Animation Example\" src=\"https://codepen.io/team/codepen/embed/PNaGbb?height=300&theme-id=light&default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\"></iframe>',\n    },\n  },\n  {\n    description: \"Calendly scheduling widget\",\n    type: \"html\",\n    props: {\n      html: '<div class=\"calendly-inline-widget\" data-url=\"https://calendly.com/your-name/30min\" style=\"min-width:320px;height:630px;\"></div><script type=\"text/javascript\" src=\"https://assets.calendly.com/assets/external/widget.js\" async></script>',\n    },\n  },\n  {\n    description: \"Custom pricing table with CSS styling\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"display: flex; gap: 20px; justify-content: center;\"><div style=\"border: 2px solid #e2e8f0; border-radius: 12px; padding: 24px; text-align: center; background: white;\"><h3 style=\"margin: 0 0 16px; color: #1e293b;\">Basic</h3><div style=\"font-size: 32px; font-weight: bold; color: #0ea5e9;\">$9</div><p style=\"color: #64748b; margin: 8px 0 20px;\">per month</p><ul style=\"list-style: none; padding: 0; margin: 0;\"><li style=\"padding: 8px 0;\">✓ 5 Projects</li><li style=\"padding: 8px 0;\">✓ 10GB Storage</li><li style=\"padding: 8px 0;\">✓ Email Support</li></ul></div></div>',\n    },\n  },\n  {\n    description: \"Mailchimp newsletter signup form\",\n    type: \"html\",\n    props: {\n      html: '<div id=\"mc_embed_signup\"><form action=\"https://your-domain.us1.list-manage.com/subscribe/post?u=123456789&amp;id=abcdefghij\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate><div id=\"mc_embed_signup_scroll\"><div class=\"mc-field-group\"><label for=\"mce-EMAIL\">Email Address</label><input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\" style=\"width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px;\"></div><div id=\"mce-responses\" class=\"clear\"><div class=\"response\" id=\"mce-error-response\" style=\"display:none\"></div><div class=\"response\" id=\"mce-success-response\" style=\"display:none\"></div></div><div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_123456789_abcdefghij\" tabindex=\"-1\" value=\"\"></div><div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\" style=\"background: #007cba; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer;\"></div></div></form></div>',\n    },\n  },\n  {\n    description: \"Stripe payment button integration\",\n    type: \"html\",\n    props: {\n      html: '<script async src=\"https://js.stripe.com/v3/buy-button.js\"></script><stripe-buy-button buy-button-id=\"buy_btn_1234567890\" publishable-key=\"pk_test_1234567890\"></stripe-buy-button>',\n    },\n  },\n  {\n    description: \"Instagram post embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https://www.instagram.com/p/ABC123/\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"></blockquote><script async src=\"//www.instagram.com/embed.js\"></script>',\n    },\n  },\n  {\n    description: \"Custom countdown timer widget\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white;\"><h3 style=\"margin: 0 0 20px; font-size: 24px;\">Event Countdown</h3><div id=\"countdown\" style=\"display: flex; justify-content: center; gap: 20px;\"><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">10</div><div style=\"font-size: 14px; opacity: 0.8;\">DAYS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">15</div><div style=\"font-size: 14px; opacity: 0.8;\">HOURS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">30</div><div style=\"font-size: 14px; opacity: 0.8;\">MINUTES</div></div></div></div>',\n    },\n  },\n  {\n    description: \"Interactive feedback widget with rating stars\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"border: 1px solid #e2e8f0; border-radius: 8px; padding: 24px; background: #f8fafc;\"><h4 style=\"margin: 0 0 16px; color: #1e293b;\">How was your experience?</h4><div style=\"display: flex; gap: 8px; margin: 16px 0;\"><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #d1d5db;\">★</span></div><textarea placeholder=\"Tell us more about your experience...\" style=\"width: 100%; height: 80px; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; resize: vertical; font-family: inherit;\"></textarea><button style=\"margin-top: 12px; background: #3b82f6; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer;\">Submit Feedback</button></div>',\n    },\n  },\n];\n"],"mappings":";;gFAGA,OAAS,gBAAAA,MAAoB,iBAE7B,OAAS,QAAAC,MAAY,oBAEd,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,OACN,KAAM,OACN,SAAU,UACV,YACE,sGACF,eACE,8KACF,cAAe,eACf,aAAc,CACZ,OAAQ,OACR,QAAS,OACX,EACA,KAAMH,EACN,MAAOI,EAAY,CACjB,KAAMH,EAAK,OAAO,CAChB,MAAO,eACP,YAAa,oFACb,QAAS,oCACT,iBAAkB,oCAClB,eAAgB,GAChB,SAAU,CACR,SAAU,SACZ,CACF,CAAC,CACH,CAAC,CACH,CAAC,EAIYI,EAIP,CACJ,CACE,YAAa,eACb,KAAM,OACN,MAAO,CACL,KAAM,yOACR,CACF,EACA,CACE,YAAa,sBACb,KAAM,OACN,MAAO,CACL,KAAM,qQACR,CACF,EACA,CACE,YAAa,oBACb,KAAM,OACN,MAAO,CACL,KAAM,iYACR,CACF,EACA,CACE,YAAa,sBACb,KAAM,OACN,MAAO,CACL,KAAM,ySACR,CACF,EACA,CACE,YAAa,kCACb,KAAM,OACN,MAAO,CACL,KAAM,kRACR,CACF,EACA,CACE,YAAa,6BACb,KAAM,OACN,MAAO,CACL,KAAM,4OACR,CACF,EACA,CACE,YAAa,wCACb,KAAM,OACN,MAAO,CACL,KAAM,mlBACR,CACF,EACA,CACE,YAAa,mCACb,KAAM,OACN,MAAO,CACL,KAAM,2mCACR,CACF,EACA,CACE,YAAa,oCACb,KAAM,OACN,MAAO,CACL,KAAM,qLACR,CACF,EACA,CACE,YAAa,uBACb,KAAM,OACN,MAAO,CACL,KAAM,sdACR,CACF,EACA,CACE,YAAa,gCACb,KAAM,OACN,MAAO,CACL,KAAM,wvBACR,CACF,EACA,CACE,YAAa,gDACb,KAAM,OACN,MAAO,CACL,KAAM,s+BACR,CACF,CACF","names":["BsCodeSquare","Type","manifest","defineBrickManifest","defineProps","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/html.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport type { BrickProps } from \"../props/types\";\nimport { BsCodeSquare } from \"react-icons/bs\";\n\nimport { Type } from \"@sinclair/typebox\";\n\nexport const manifest = defineBrickManifest({\n  type: \"html\",\n  name: \"Html\",\n  category: \"widgets\",\n  description:\n    \"A flexible brick that accepts HTML content. Useful for embeding custom HTML or third-party widgets.\",\n  aiInstructions:\n    \"Use only this brick type when integrating third party widgets or custom HTML content. Most of the time, you should use other bricks that are more secure and easier to use.\",\n  staticClasses: \"self-stretch\",\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: \"300px\",\n  },\n  icon: BsCodeSquare,\n  props: defineProps({\n    html: Type.String({\n      title: \"HTML Content\",\n      description: \"The HTML content to render. Use with caution, as it can introduce security risks.\",\n      default: \"<div>Your HTML content here</div>\",\n      \"ui:placeholder\": \"<div>Your HTML content here</div>\",\n      \"ui:multiline\": true,\n      metadata: {\n        category: \"content\",\n      },\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"A tally form\",\n    type: \"html\",\n    props: {\n      html: '<iframe data-tally-src=\"https://tally.so/embed/wQZpd8?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"282\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"test\"></iframe>',\n    },\n  },\n  {\n    description: \"YouTube video embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/dQw4w9WgXcQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>',\n    },\n  },\n  {\n    description: \"Google Maps embed\",\n    type: \"html\",\n    props: {\n      html: '<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.309059887159!2d-74.00849368459473!3d40.71278097932847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a165bedccab%3A0xa2008c34c27bfb67!2sWall%20St%2C%20New%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sus!4v1620000000000\" width=\"100%\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>',\n    },\n  },\n  {\n    description: \"Twitter tweet embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"twitter-tweet\"><p lang=\"en\" dir=\"ltr\">Just setting up my twttr</p>&mdash; Jack Dorsey (@jack) <a href=\"https://twitter.com/jack/status/20?ref_src=twsrc%5Etfw\">March 21, 2006</a></blockquote> <script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>',\n    },\n  },\n  {\n    description: \"CodePen embed for code showcase\",\n    type: \"html\",\n    props: {\n      html: '<iframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"CSS Animation Example\" src=\"https://codepen.io/team/codepen/embed/PNaGbb?height=300&theme-id=light&default-tab=result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\"></iframe>',\n    },\n  },\n  {\n    description: \"Calendly scheduling widget\",\n    type: \"html\",\n    props: {\n      html: '<div class=\"calendly-inline-widget\" data-url=\"https://calendly.com/your-name/30min\" style=\"min-width:320px;height:630px;\"></div><script type=\"text/javascript\" src=\"https://assets.calendly.com/assets/external/widget.js\" async></script>',\n    },\n  },\n  {\n    description: \"Custom pricing table with CSS styling\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"display: flex; gap: 20px; justify-content: center;\"><div style=\"border: 2px solid #e2e8f0; border-radius: 12px; padding: 24px; text-align: center; background: white;\"><h3 style=\"margin: 0 0 16px; color: #1e293b;\">Basic</h3><div style=\"font-size: 32px; font-weight: bold; color: #0ea5e9;\">$9</div><p style=\"color: #64748b; margin: 8px 0 20px;\">per month</p><ul style=\"list-style: none; padding: 0; margin: 0;\"><li style=\"padding: 8px 0;\">✓ 5 Projects</li><li style=\"padding: 8px 0;\">✓ 10GB Storage</li><li style=\"padding: 8px 0;\">✓ Email Support</li></ul></div></div>',\n    },\n  },\n  {\n    description: \"Mailchimp newsletter signup form\",\n    type: \"html\",\n    props: {\n      html: '<div id=\"mc_embed_signup\"><form action=\"https://your-domain.us1.list-manage.com/subscribe/post?u=123456789&amp;id=abcdefghij\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate><div id=\"mc_embed_signup_scroll\"><div class=\"mc-field-group\"><label for=\"mce-EMAIL\">Email Address</label><input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\" style=\"width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px;\"></div><div id=\"mce-responses\" class=\"clear\"><div class=\"response\" id=\"mce-error-response\" style=\"display:none\"></div><div class=\"response\" id=\"mce-success-response\" style=\"display:none\"></div></div><div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_123456789_abcdefghij\" tabindex=\"-1\" value=\"\"></div><div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\" style=\"background: #007cba; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer;\"></div></div></form></div>',\n    },\n  },\n  {\n    description: \"Stripe payment button integration\",\n    type: \"html\",\n    props: {\n      html: '<script async src=\"https://js.stripe.com/v3/buy-button.js\"></script><stripe-buy-button buy-button-id=\"buy_btn_1234567890\" publishable-key=\"pk_test_1234567890\"></stripe-buy-button>',\n    },\n  },\n  {\n    description: \"Instagram post embed\",\n    type: \"html\",\n    props: {\n      html: '<blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https://www.instagram.com/p/ABC123/\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"></blockquote><script async src=\"//www.instagram.com/embed.js\"></script>',\n    },\n  },\n  {\n    description: \"Custom countdown timer widget\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white;\"><h3 style=\"margin: 0 0 20px; font-size: 24px;\">Event Countdown</h3><div id=\"countdown\" style=\"display: flex; justify-content: center; gap: 20px;\"><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">10</div><div style=\"font-size: 14px; opacity: 0.8;\">DAYS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">15</div><div style=\"font-size: 14px; opacity: 0.8;\">HOURS</div></div><div style=\"text-align: center;\"><div style=\"font-size: 32px; font-weight: bold;\">30</div><div style=\"font-size: 14px; opacity: 0.8;\">MINUTES</div></div></div></div>',\n    },\n  },\n  {\n    description: \"Interactive feedback widget with rating stars\",\n    type: \"html\",\n    props: {\n      html: '<div style=\"border: 1px solid #e2e8f0; border-radius: 8px; padding: 24px; background: #f8fafc;\"><h4 style=\"margin: 0 0 16px; color: #1e293b;\">How was your experience?</h4><div style=\"display: flex; gap: 8px; margin: 16px 0;\"><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #fbbf24;\">★</span><span style=\"font-size: 24px; cursor: pointer; color: #d1d5db;\">★</span></div><textarea placeholder=\"Tell us more about your experience...\" style=\"width: 100%; height: 80px; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; resize: vertical; font-family: inherit;\"></textarea><button style=\"margin-top: 12px; background: #3b82f6; color: white; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer;\">Submit Feedback</button></div>',\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;AAGA,SAAS,oBAAoB;AAE7B,SAAS,YAAY;AAEd,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aACE;AAAA,EACF,gBACE;AAAA,EACF,eAAe;AAAA,EACf,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN,OAAO,YAAY;AAAA,IACjB,MAAM,KAAK,OAAO;AAAA,MAChB,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH,CAAC;AAIM,IAAM,WAIP;AAAA,EACJ;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF;","names":[]}