@upstart.gg/sdk 0.0.138 → 0.0.139

package/dist/shared/bricks/manifests/html.manifest.js

@@ -1,20 +1,97 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { grow } from "../props/grow.js";
+import { defineProps } from "../props/helpers.js";
+import { Type } from "@sinclair/typebox";
+import { BsCodeSquare } from "react-icons/bs";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-IMDOF55E.js";
-import "../../chunk-UC75KRLX.js";
-import "../../chunk-2UEPTT5J.js";
-import "../../chunk-2EOCK66Z.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-GNTJT7MR.js";
-import "../../chunk-TZ6X7ZM5.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+//#region src/shared/bricks/manifests/html.manifest.ts
+const 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" }
+		}),
+		grow: Type.Optional(grow({ default: true }))
+	})
+});
+const 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;\">✓ 5 Projects</li><li style=\"padding: 8px 0;\">✓ 10GB Storage</li><li style=\"padding: 8px 0;\">✓ 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;\">★</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>" }
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=html.manifest.js.map

package/dist/shared/bricks/manifests/html.manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"html.manifest.js","names":["examples: BrickExample<Manifest>[]"],"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\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\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    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: \"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":";;;;;;;AASA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,UAAU;CACV,aACE;CACF,gBACE;CACF,eAAe;CACf,cAAc;EACZ,QAAQ;EACR,SAAS;EACV;CACD,MAAM;CACN,OAAO,YAAY;EACjB,MAAM,KAAK,OAAO;GAChB,OAAO;GACP,aAAa;GACb,SAAS;GACT,kBAAkB;GAClB,gBAAgB;GAChB,UAAU,EACR,UAAU,WACX;GACF,CAAC;EACF,MAAM,KAAK,SACT,KAAK,EACH,SAAS,MACV,CAAC,CACH;EACF,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,2PACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,mRACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,+YACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,wTACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,sSACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,yPACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,wlBACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,urCACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,8LACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,meACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,oxBACP;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,MAAM,q+BACP;EACF;CACF"}

package/dist/shared/bricks/manifests/icon.manifest.d.ts

@@ -1,69 +1,76 @@
-import type { BrickExample } from "./_types";
-export declare const manifest: {
-    readonly icon: import("react-icons/lib").IconType;
-    readonly props: import("@sinclair/typebox").TObject<{
-        lastTouched: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        hidden: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            desktop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-            mobile: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>>;
-        editable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        width: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        grow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        alignSelf: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
-    } & {
-        icon: import("@sinclair/typebox").TString;
-        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        link: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString, import("@sinclair/typebox").TString]>>;
-        loop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            over: import("@sinclair/typebox").TString;
-            overrideLimit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        }>>;
-    }>;
-    readonly category: import("~/shared/brick-manifest").BrickCategory;
-    readonly defaultInspectorTab: "content" | "style" | "preset";
-    readonly hideInLibrary: boolean;
-    readonly deletable: boolean;
-    readonly movable: boolean;
-    readonly resizable: boolean | "horizontal" | "vertical";
-    readonly duplicatable: boolean;
-    readonly isContainer: boolean;
-    readonly isGlobalBrick: boolean;
-    readonly defaultWidth: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly defaultHeight: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly type: string;
-    readonly name: string;
-    readonly iconClassName?: string;
-    readonly staticClasses?: string;
-    readonly description?: string;
-    readonly minWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly minHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly consumesMultipleQueryRows?: boolean;
-    readonly inlineDragDisabled?: boolean;
-    readonly aiInstructions?: string;
+import { BrickCategory } from "../../brick-manifest.js";
+import { BrickExample } from "./_types.js";
+import * as _sinclair_typebox5044 from "@sinclair/typebox";
+import * as react_icons_lib10 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/icon.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib10.IconType;
+  readonly props: _sinclair_typebox5044.TObject<{
+    lastTouched: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TNumber>;
+    hidden: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TObject<{
+      desktop: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TBoolean>;
+      mobile: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TBoolean>;
+    width: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TString>;
+    height: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TString>;
+    grow: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TBoolean>;
+    alignSelf: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    icon: _sinclair_typebox5044.TString;
+    size: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TString>;
+    color: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TString>;
+    link: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TUnion<[_sinclair_typebox5044.TString, _sinclair_typebox5044.TString]>>;
+    loop: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TObject<{
+      over: _sinclair_typebox5044.TString;
+      overrideLimit: _sinclair_typebox5044.TOptional<_sinclair_typebox5044.TNumber>;
+    }>>;
+  }>;
+  readonly category: BrickCategory;
+  readonly defaultInspectorTab: "preset" | "style" | "content";
+  readonly hideInLibrary: boolean;
+  readonly deletable: boolean;
+  readonly movable: boolean;
+  readonly resizable: boolean | "horizontal" | "vertical";
+  readonly duplicatable: boolean;
+  readonly isContainer: boolean;
+  readonly isGlobalBrick: boolean;
+  readonly defaultWidth: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly defaultHeight: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly type: string;
+  readonly name: string;
+  readonly iconClassName?: string;
+  readonly staticClasses?: string;
+  readonly description?: string;
+  readonly minWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly minHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly consumesMultipleQueryRows?: boolean;
+  readonly inlineDragDisabled?: boolean;
+  readonly aiInstructions?: string;
 };
-export type Manifest = typeof manifest;
-export declare const examples: BrickExample<Manifest>[];
+type Manifest = typeof manifest;
+declare const examples: BrickExample<Manifest>[];
+//#endregion
+export { Manifest, examples, manifest };
 //# sourceMappingURL=icon.manifest.d.ts.map

package/dist/shared/bricks/manifests/icon.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/icon.manifest.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAGjB,CAAC;eACA,CAAC;;;cACsC,CAAC;eAAqB,CAAC;;;cAGhE,CAAC;eAAqB,CAAC;;;cACgB,CAAC;eAClC,CAAC;;;;;CA+DR,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAuK5C,CAAC"}
+{"version":3,"file":"icon.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/icon.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cAUa;iBAyEX,iBAAA,CAAA;;;;MAzEW,OAyEX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEU,SAAA,aAAQ,CAAU,EAAA,MAAA;EAEjB,SAAA,WAuKZ,CAAA,EAAA,MAAA;EAAA,SAAA,QAAA,CAAA,EAAA;IAvKmC,MAAA,CAAA,EAAA,MAAA;IAAb,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;;;;;;;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

package/dist/shared/bricks/manifests/icon.manifest.js

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

package/dist/shared/bricks/manifests/icon.manifest.js.map

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