@upstart.gg/sdk 0.0.137 → 0.0.139

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

@@ -1,74 +1,78 @@
-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">>;
-    } & {
-        colorPreset: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            color: import("@sinclair/typebox").TUnsafe<"none" | "primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200">;
-            gradientDirection: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
-        }>>;
-        content: import("@sinclair/typebox").TString;
-        verticalAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"items-start" | "items-center" | "items-end" | "items-stretch">>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        rounding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
-        border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            width: import("@sinclair/typebox").TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
-            color: import("@sinclair/typebox").TString;
-        }>>;
-        shadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
-    }>;
-    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_typebox5457 from "@sinclair/typebox";
+import * as react_icons_lib18 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/text.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib18.IconType;
+  readonly props: _sinclair_typebox5457.TObject<{
+    lastTouched: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TNumber>;
+    hidden: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TObject<{
+      desktop: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TBoolean>;
+      mobile: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TBoolean>;
+    width: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TString>;
+    height: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TString>;
+    grow: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TBoolean>;
+    alignSelf: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    backgroundColor: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TString>;
+    color: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TString>;
+    content: _sinclair_typebox5457.TString;
+    padding: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TString>;
+    rounding: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TUnsafe<"rounded-md" | "rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
+    border: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TObject<{
+      width: _sinclair_typebox5457.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox5457.TString;
+    }>>;
+    shadow: _sinclair_typebox5457.TOptional<_sinclair_typebox5457.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+  }>;
+  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=text.manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/text.manifest.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHO,CAAC;eAC5B,CAAC;;;cAEkB,CAAC;eAAqB,CAAC;;;cAIhC,CAAC;eAAqB,CAAC;;;cACoB,CAAC;eAAqB,CAAC;;;;;CAyE3E,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAuK5C,CAAC"}
+{"version":3,"file":"text.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/text.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cAaa;iBA2EX,iBAAA,CAAA;;;;MA3EW,OA2EX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEU,SAAA,aAAQ,CAAU,EAAA,MAAA;EAEjB,SAAA,aA8IZ,CAAA,EAAA,MAAA;EAAA,SAAA,WAAA,CAAA,EAAA,MAAA;WA9ImC,QAAA,CAAA,EAAA;IAAb,MAAA,CAAA,EAAA,MAAA;IAAY,OAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

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

@@ -1,24 +1,201 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { textContent } from "../props/text.js";
+import { shadow } from "../props/effects.js";
+import { backgroundColor } from "../props/background.js";
+import { color } from "../props/color.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { RxTextAlignLeft } from "react-icons/rx";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-6AE7UD73.js";
-import "../../chunk-SRYBJ6NQ.js";
-import "../../chunk-JSDKK5QN.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-XXPSM6UA.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-J45LSQT6.js";
-import "../../chunk-HY7JOP3J.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+//#region src/shared/bricks/manifests/text.manifest.ts
+const manifest = defineBrickManifest({
+	type: "text",
+	category: "basic",
+	name: "Text",
+	description: "Text with formatting options",
+	aiInstructions: `Use the text component for rich content blocks, announcements, descriptions, and formatted text throughout your site.
+
+CONTENT FORMATTING:
+- Supports HTML tags: <h1>, <h2>, <h3>, <h4>, <p>, <span>, <strong>, <em>, <br>, <a>, <ul>, <li>, <ol>
+- Only 'text-align' style is supported (center, left, right) - avoid other inline styles
+- Use <strong> for emphasis, <em> for italics, <br> for line breaks
+- Links: <a href="/page">Internal</a> or <a href="https://external.com">External</a>
+- Lists: <ul><li>Item 1</li><li>Item 2</li></ul>
+
+STYLING OPTIONS:
+- "color": Leave empty to inherit parent text color, which is the recommended setting when the brick is a direct child of a section or box with background color.
+- "backgroundColor": Only use when the text brick is a direct child of a section.Leave empty for transparent background, or set to a color like "bg-xxx-nnn" for emphasis.
+- "padding": Use CSS values like "1rem", "2rem", "24px" for internal spacing
+
+WHEN TO USE:
+- All text content that requires formatting
+- Rich content sections (About Us, Service descriptions)
+- Announcements and notices
+- Product descriptions with formatting
+- Quotes and testimonials
+- FAQ content and detailed explanations
+
+BEST PRACTICES:
+- Keep HTML minimal - complex layouts should use multiple components
+- Use semantic headings (h2, h3, h4) for proper hierarchy
+- Center-align for quotes/testimonials, left-align for body text`,
+	defaultWidth: { mobile: "100%" },
+	defaultHeight: {
+		desktop: "auto",
+		mobile: "auto"
+	},
+	staticClasses: "prose lg:prose-lg",
+	icon: RxTextAlignLeft,
+	props: defineProps({
+		backgroundColor: Type.Optional(backgroundColor({ title: "Background color" })),
+		color: Type.Optional(color({ title: "Text color" })),
+		content: textContent({ title: "Content" }),
+		padding: Type.Optional(cssLength({
+			default: "2rem",
+			description: "Padding inside the text.",
+			"ai:instructions": "Use only a single value like '1rem' or '10px'",
+			title: "Padding",
+			"ui:responsive": true,
+			"ui:placeholder": "Not specified",
+			"ui:styleId": "styles:padding"
+		})),
+		rounding: rounding({ default: "rounded-md" }),
+		border: Type.Optional(border()),
+		shadow: Type.Optional(shadow())
+	})
+});
+const examples = [
+	{
+		description: "Welcome paragraph with emphasis and padding",
+		type: "text",
+		props: {
+			content: "Welcome to our platform! We're <strong>excited</strong> to have you here. Our mission is to <em>transform</em> the way you work with cutting-edge technology and <a href='/features'>innovative features</a>.",
+			padding: "2rem"
+		}
+	},
+	{
+		description: "Feature list with HTML formatting and smaller padding",
+		type: "text",
+		props: {
+			content: "<h3>Key Features</h3><ul><li><strong>Advanced Analytics</strong> - Real-time data insights</li><li><strong>Cloud Integration</strong> - Seamless connectivity</li><li><strong>24/7 Support</strong> - Always here to help</li></ul>",
+			padding: "1rem"
+		}
+	},
+	{
+		description: "Quote block with text styling but no background",
+		type: "text",
+		props: {
+			content: "<p style='text-align: center'><em>\"Innovation distinguishes between a leader and a follower.\"</em><br><strong>- Steve Jobs</strong></p>",
+			padding: "3rem"
+		}
+	},
+	{
+		description: "Simple heading with subtle background",
+		type: "text",
+		props: { content: "<h2>About Our Company</h2><p>We've been serving customers since 2010, building trust through quality products and exceptional service.</p>" }
+	},
+	{
+		description: "Team introduction with formatting, no background color",
+		type: "text",
+		props: {
+			content: "<p style='text-align: center'><strong>Meet Our Team</strong></p><p>Our diverse team of experts brings together decades of experience in technology, design, and business strategy. We're passionate about <em>creating solutions</em> that make a real difference.</p><p><a href='/team'>Learn more about our team</a> and the values that drive us forward.</p>",
+			padding: "2rem"
+		}
+	},
+	{
+		description: "Maintenance notice with neutral background and border",
+		type: "text",
+		props: {
+			content: "<p>Scheduled maintenance will occur on <em>Sunday, March 15th</em> from 2:00 AM to 6:00 AM UTC.</p><p>During this time, some features may be temporarily unavailable. We apologize for any inconvenience.</p>",
+			padding: "1rem",
+			border: {
+				width: "border",
+				color: "border-neutral-400"
+			},
+			rounding: "rounded-lg"
+		}
+	},
+	{
+		description: "Minimal text with no padding or background",
+		type: "text",
+		props: {
+			content: "This is some minimal text.",
+			padding: "0rem"
+		}
+	},
+	{
+		description: "Call-to-action text with secondary background and shadow",
+		type: "text",
+		props: {
+			content: "<h3 style='text-align: center'>Ready to Get Started?</h3><p style='text-align: center'>Join thousands of satisfied customers who trust our platform. <strong>Sign up today</strong> and experience the difference!</p><p style='text-align: center'><a href='/signup'>Create Your Free Account</a></p>",
+			padding: "2.5rem",
+			rounding: "rounded-xl",
+			shadow: "shadow-md"
+		}
+	},
+	{
+		description: "Technical documentation with accent colors and code-like formatting",
+		type: "text",
+		props: {
+			content: "<h4>API Authentication</h4><p>To authenticate your requests, include your API key in the header:</p><p><strong>Authorization: Bearer YOUR_API_KEY</strong></p><p>All API endpoints require authentication. You can find your API key in the <a href='/dashboard'>dashboard settings</a>.</p>",
+			padding: "1.5rem",
+			rounding: "rounded-md",
+			border: {
+				width: "border-4",
+				color: "border-accent-500"
+			}
+		}
+	},
+	{
+		description: "Success message with primary background and top alignment",
+		type: "text",
+		props: {
+			content: "<h3>✅ Payment Successful!</h3><p>Thank you for your purchase. Your order <strong>#12345</strong> has been confirmed.</p><p>You will receive an email confirmation shortly at your registered email address.</p>",
+			padding: "2rem",
+			rounding: "rounded-lg",
+			shadow: "shadow-sm"
+		}
+	},
+	{
+		description: "Footer information with neutral dark theme and multiple links",
+		type: "text",
+		props: {
+			content: "<p style='text-align: center'>© 2024 Company Name. All rights reserved.</p><p style='text-align: center'><a href='/privacy'>Privacy Policy</a> | <a href='/terms'>Terms of Service</a> | <a href='/contact'>Contact Us</a></p><p style='text-align: center'><em>Follow us on social media for the latest updates</em></p>",
+			padding: "1.5rem"
+		}
+	},
+	{
+		description: "Product description with large padding and rounded corners",
+		type: "text",
+		props: {
+			content: "<h2>Premium Wireless Headphones</h2><p>Experience <strong>crystal-clear audio</strong> with our latest wireless headphones featuring:</p><ul><li>Active noise cancellation</li><li>30-hour battery life</li><li>Premium leather comfort</li><li>Hi-res audio certification</li></ul><p>Perfect for <em>music lovers</em> and <em>professionals</em> alike.</p>",
+			padding: "3rem",
+			rounding: "rounded-2xl",
+			shadow: "shadow-lg",
+			border: {
+				width: "border",
+				color: "border-neutral-300"
+			}
+		}
+	},
+	{
+		description: "Emergency alert with accent background and extra bold formatting",
+		type: "text",
+		props: {
+			content: "<h3 style='text-align: center'>⚠️ URGENT NOTICE</h3><p style='text-align: center'><strong>System maintenance is currently in progress.</strong></p><p style='text-align: center'>Some services may be <em>temporarily unavailable</em>. We expect full restoration by 4:00 PM EST.</p><p style='text-align: center'>For urgent support, please <a href='/emergency-contact'>contact our emergency line</a>.</p>",
+			padding: "2rem",
+			rounding: "rounded-md",
+			border: {
+				width: "border-2",
+				color: "border-accent-600"
+			},
+			shadow: "shadow-xl"
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=text.manifest.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"text.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/text.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { textContent } from \"../props/text\";\nimport { defineProps } from \"../props/helpers\";\nimport { border, rounding } from \"../props/border\";\nimport { RxTextAlignLeft } from \"react-icons/rx\";\nimport { Type } from \"@sinclair/typebox\";\nimport { alignItems } from \"../props/align\";\nimport { shadow } from \"../props/effects\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\nimport { backgroundColor } from \"../props/background\";\nimport { color } from \"../props/color\";\n\nexport const manifest = defineBrickManifest({\n  type: \"text\",\n  category: \"basic\",\n  name: \"Text\",\n  description: \"Text with formatting options\",\n  aiInstructions: `Use the text component for rich content blocks, announcements, descriptions, and formatted text throughout your site.\n\nCONTENT FORMATTING:\n- Supports HTML tags: <h1>, <h2>, <h3>, <h4>, <p>, <span>, <strong>, <em>, <br>, <a>, <ul>, <li>, <ol>\n- Only 'text-align' style is supported (center, left, right) - avoid other inline styles\n- Use <strong> for emphasis, <em> for italics, <br> for line breaks\n- Links: <a href=\"/page\">Internal</a> or <a href=\"https://external.com\">External</a>\n- Lists: <ul><li>Item 1</li><li>Item 2</li></ul>\n\nSTYLING OPTIONS:\n- \"color\": Leave empty to inherit parent text color, which is the recommended setting when the brick is a direct child of a section or box with background color.\n- \"backgroundColor\": Only use when the text brick is a direct child of a section.Leave empty for transparent background, or set to a color like \"bg-xxx-nnn\" for emphasis.\n- \"padding\": Use CSS values like \"1rem\", \"2rem\", \"24px\" for internal spacing\n\nWHEN TO USE:\n- All text content that requires formatting\n- Rich content sections (About Us, Service descriptions)\n- Announcements and notices\n- Product descriptions with formatting\n- Quotes and testimonials\n- FAQ content and detailed explanations\n\nBEST PRACTICES:\n- Keep HTML minimal - complex layouts should use multiple components\n- Use semantic headings (h2, h3, h4) for proper hierarchy\n- Center-align for quotes/testimonials, left-align for body text`,\n\n  defaultWidth: {\n    mobile: \"100%\",\n  },\n  defaultHeight: {\n    desktop: \"auto\",\n    mobile: \"auto\",\n  },\n  staticClasses: \"prose lg:prose-lg\",\n  icon: RxTextAlignLeft,\n  props: defineProps({\n    backgroundColor: Type.Optional(\n      backgroundColor({\n        title: \"Background color\",\n      }),\n    ),\n    color: Type.Optional(\n      color({\n        title: \"Text color\",\n      }),\n    ),\n    content: textContent({\n      title: \"Content\",\n      // metadata: {\n      //   category: \"content\",\n      // },\n    }),\n    padding: Type.Optional(\n      cssLength({\n        default: \"2rem\",\n        description: \"Padding inside the text.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: rounding({\n      default: \"rounded-md\",\n    }),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Welcome paragraph with emphasis and padding\",\n    type: \"text\",\n    props: {\n      content:\n        \"Welcome to our platform! We're <strong>excited</strong> to have you here. Our mission is to <em>transform</em> the way you work with cutting-edge technology and <a href='/features'>innovative features</a>.\",\n      padding: \"2rem\",\n    },\n  },\n  {\n    description: \"Feature list with HTML formatting and smaller padding\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h3>Key Features</h3><ul><li><strong>Advanced Analytics</strong> - Real-time data insights</li><li><strong>Cloud Integration</strong> - Seamless connectivity</li><li><strong>24/7 Support</strong> - Always here to help</li></ul>\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Quote block with text styling but no background\",\n    type: \"text\",\n    props: {\n      content:\n        \"<p style='text-align: center'><em>\\\"Innovation distinguishes between a leader and a follower.\\\"</em><br><strong>- Steve Jobs</strong></p>\",\n      padding: \"3rem\",\n    },\n  },\n  {\n    description: \"Simple heading with subtle background\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h2>About Our Company</h2><p>We've been serving customers since 2010, building trust through quality products and exceptional service.</p>\",\n    },\n  },\n  {\n    description: \"Team introduction with formatting, no background color\",\n    type: \"text\",\n    props: {\n      content:\n        \"<p style='text-align: center'><strong>Meet Our Team</strong></p><p>Our diverse team of experts brings together decades of experience in technology, design, and business strategy. We're passionate about <em>creating solutions</em> that make a real difference.</p><p><a href='/team'>Learn more about our team</a> and the values that drive us forward.</p>\",\n      padding: \"2rem\",\n    },\n  },\n  {\n    description: \"Maintenance notice with neutral background and border\",\n    type: \"text\",\n    props: {\n      content:\n        \"<p>Scheduled maintenance will occur on <em>Sunday, March 15th</em> from 2:00 AM to 6:00 AM UTC.</p><p>During this time, some features may be temporarily unavailable. We apologize for any inconvenience.</p>\",\n      padding: \"1rem\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-400\",\n      },\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Minimal text with no padding or background\",\n    type: \"text\",\n    props: {\n      content: \"This is some minimal text.\",\n      padding: \"0rem\",\n    },\n  },\n  {\n    description: \"Call-to-action text with secondary background and shadow\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h3 style='text-align: center'>Ready to Get Started?</h3><p style='text-align: center'>Join thousands of satisfied customers who trust our platform. <strong>Sign up today</strong> and experience the difference!</p><p style='text-align: center'><a href='/signup'>Create Your Free Account</a></p>\",\n      padding: \"2.5rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Technical documentation with accent colors and code-like formatting\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h4>API Authentication</h4><p>To authenticate your requests, include your API key in the header:</p><p><strong>Authorization: Bearer YOUR_API_KEY</strong></p><p>All API endpoints require authentication. You can find your API key in the <a href='/dashboard'>dashboard settings</a>.</p>\",\n      padding: \"1.5rem\",\n      rounding: \"rounded-md\",\n      border: {\n        width: \"border-4\",\n        color: \"border-accent-500\",\n      },\n    },\n  },\n  {\n    description: \"Success message with primary background and top alignment\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h3>✅ Payment Successful!</h3><p>Thank you for your purchase. Your order <strong>#12345</strong> has been confirmed.</p><p>You will receive an email confirmation shortly at your registered email address.</p>\",\n      padding: \"2rem\",\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Footer information with neutral dark theme and multiple links\",\n    type: \"text\",\n    props: {\n      content:\n        \"<p style='text-align: center'>© 2024 Company Name. All rights reserved.</p><p style='text-align: center'><a href='/privacy'>Privacy Policy</a> | <a href='/terms'>Terms of Service</a> | <a href='/contact'>Contact Us</a></p><p style='text-align: center'><em>Follow us on social media for the latest updates</em></p>\",\n      padding: \"1.5rem\",\n    },\n  },\n  {\n    description: \"Product description with large padding and rounded corners\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h2>Premium Wireless Headphones</h2><p>Experience <strong>crystal-clear audio</strong> with our latest wireless headphones featuring:</p><ul><li>Active noise cancellation</li><li>30-hour battery life</li><li>Premium leather comfort</li><li>Hi-res audio certification</li></ul><p>Perfect for <em>music lovers</em> and <em>professionals</em> alike.</p>\",\n      padding: \"3rem\",\n      rounding: \"rounded-2xl\",\n      shadow: \"shadow-lg\",\n      border: {\n        width: \"border\",\n        color: \"border-neutral-300\",\n      },\n    },\n  },\n  {\n    description: \"Emergency alert with accent background and extra bold formatting\",\n    type: \"text\",\n    props: {\n      content:\n        \"<h3 style='text-align: center'>⚠️ URGENT NOTICE</h3><p style='text-align: center'><strong>System maintenance is currently in progress.</strong></p><p style='text-align: center'>Some services may be <em>temporarily unavailable</em>. We expect full restoration by 4:00 PM EST.</p><p style='text-align: center'>For urgent support, please <a href='/emergency-contact'>contact our emergency line</a>.</p>\",\n      padding: \"2rem\",\n      rounding: \"rounded-md\",\n      border: {\n        width: \"border-2\",\n        color: \"border-accent-600\",\n      },\n      shadow: \"shadow-xl\",\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,UAAU;CACV,MAAM;CACN,aAAa;CACb,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BhB,cAAc,EACZ,QAAQ,QACT;CACD,eAAe;EACb,SAAS;EACT,QAAQ;EACT;CACD,eAAe;CACf,MAAM;CACN,OAAO,YAAY;EACjB,iBAAiB,KAAK,SACpB,gBAAgB,EACd,OAAO,oBACR,CAAC,CACH;EACD,OAAO,KAAK,SACV,MAAM,EACJ,OAAO,cACR,CAAC,CACH;EACD,SAAS,YAAY,EACnB,OAAO,WAIR,CAAC;EACF,SAAS,KAAK,SACZ,UAAU;GACR,SAAS;GACT,aAAa;GACb,mBAAmB;GACnB,OAAO;GACP,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,SAAS,EACjB,SAAS,cACV,CAAC;EACF,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAChC,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,SACE,8IACH;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,QAAQ;IACN,OAAO;IACP,OAAO;IACR;GACD,UAAU;GACX;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SAAS;GACT,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,UAAU;GACV,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO;IACR;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,UAAU;GACV,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACV;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;IACN,OAAO;IACP,OAAO;IACR;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,SACE;GACF,SAAS;GACT,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO;IACR;GACD,QAAQ;GACT;EACF;CACF"}