@upstart.gg/sdk 0.0.135 → 0.0.137

package/dist/shared/chunk-6AE7UD73.js.map

@@ -0,0 +1 @@
+{"version":3,"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 { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\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- colorPreset: Leave empty to inherit parent colors, or use \"primary-100\", \"secondary-200\", \"neutral-50\", \"accent-100\" for backgrounds\n- padding: Use CSS values like \"1rem\", \"2rem\", \"24px\" for internal spacing\n- rounding: \"rounded-none\" (sharp), \"rounded-md\" (standard), \"rounded-lg\" (friendly), \"rounded-xl\" (soft)\n- border: Add borders with width (\"border\", \"border-2\") and color (\"border-gray-300\", \"border-primary-500\")\n- shadow: Add depth with \"shadow-sm\", \"shadow-md\", \"shadow-lg\"\n\nWHEN TO USE:\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- Footer information and legal text\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- Choose background colors that provide good contrast, or no background for inline text`,\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    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    content: textContent({\n      title: \"Content\",\n      // metadata: {\n      //   category: \"content\",\n      // },\n    }),\n    verticalAlign: Type.Optional(\n      alignItems({\n        default: \"items-center\",\n        title: \"Align\",\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      colorPreset: {\n        color: \"primary-100\",\n      },\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      colorPreset: {\n        color: \"neutral-700\",\n      },\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      colorPreset: {\n        color: \"secondary-200\",\n      },\n      padding: \"2.5rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n      verticalAlign: \"items-center\",\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      colorPreset: {\n        color: \"accent-100\",\n      },\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      colorPreset: {\n        color: \"primary-200\",\n      },\n      padding: \"2rem\",\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      verticalAlign: \"items-start\",\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      colorPreset: {\n        color: \"neutral-800\",\n      },\n      padding: \"1.5rem\",\n      verticalAlign: \"items-end\",\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      colorPreset: {\n        color: \"accent-400\",\n      },\n      padding: \"2rem\",\n      rounding: \"rounded-md\",\n      border: {\n        width: \"border-2\",\n        color: \"border-accent-600\",\n      },\n      shadow: \"shadow-xl\",\n      verticalAlign: \"items-center\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-7U5WPHXB.js

@@ -0,0 +1,346 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
+import {
+  defineProps
+} from "./chunk-VTCHJT4O.js";
+import {
+  fontSize
+} from "./chunk-2U5U3CCJ.js";
+import {
+  urlOrPageId
+} from "./chunk-SQXZNGQF.js";
+import {
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
+import {
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
+
+// src/shared/bricks/manifests/button.manifest.ts
+import { Type } from "@sinclair/typebox";
+import { RxButton } from "react-icons/rx";
+var manifest = defineBrickManifest({
+  type: "button",
+  name: "Button",
+  category: "basic",
+  description: "A button",
+  aiInstructions: `Use this button component for navigation and call-to-action elements throughout the site.
+
+WHEN TO USE:
+- Navigation links (Learn More, About Us, Contact)
+- Call-to-action buttons (Sign Up, Get Started, Buy Now)
+- External links (Download, Visit Website, Social Media)
+- Internal page navigation (Go to Services, View Portfolio)
+
+STYLING GUIDELINES:
+- colorPreset: Use "primary-500" for main CTAs, "secondary-500" for secondary actions, "neutral-500" for low-priority actions, "accent-500" for highlight actions
+- fontSize: "text-sm" for compact buttons, "text-base" for standard, "text-lg" for emphasis, "text-xl" for hero buttons
+- rounding: "rounded-none" for sharp/modern, "rounded-md" for standard, "rounded-lg" for friendly, "rounded-full" for pills
+- fill: Use "solid" for primary actions with background color, "outline" for secondary actions with transparent background and border
+- link: Use full URLs for external (https://example.com), relative paths for internal (/about), or page IDs for site pages (about-us)
+
+DYNAMIC CONTENT:
+- Support template variables: "Buy {{product.name}}" or "Contact {{employee.name}}"
+- Link to dynamic pages: "/products/{{product.id}}" or "/team/{{employee.slug}}"
+
+AVOID:
+- Using in forms (forms have dedicated submit buttons)
+- Empty or unclear labels (use descriptive action words)
+- Mixing multiple high-emphasis colors on same page`,
+  resizable: "horizontal",
+  icon: RxButton,
+  minWidth: {
+    desktop: 120,
+    mobile: 120
+  },
+  defaultWidth: {
+    mobile: "100%"
+  },
+  props: defineProps(
+    {
+      colorPreset: Type.Optional(
+        colorPreset({
+          default: { color: "primary-500" },
+          title: "Color",
+          "ui:default-gradient-direction": "bg-gradient-to-b"
+        })
+      ),
+      label: Type.String({ title: "Label", default: "My button", metadata: { category: "content" } }),
+      fontSize: Type.Optional(
+        fontSize({
+          title: "Font size",
+          description: "The font size of the button text.",
+          default: "text-base",
+          "ui:responsive": "desktop",
+          "ui:no-extra-large-sizes": true
+        })
+      ),
+      rounding: Type.Optional(
+        rounding({
+          default: "rounded-md"
+        })
+      ),
+      fill: Type.Optional(
+        StringEnum(["solid", "outline"], {
+          title: "Fill",
+          description: "Button appearance style - solid background or outlined.",
+          default: "solid",
+          enumNames: ["Solid", "Outline"],
+          "ui:field": "enum",
+          "ui:display": "select"
+        })
+      ),
+      link: urlOrPageId({
+        title: "Link",
+        "ui:placeholder": "https://example.com",
+        metadata: { category: "content" }
+      })
+    },
+    { noGrow: true }
+  )
+});
+var examples = [
+  // BASIC BUTTON TYPES
+  {
+    description: "Primary call-to-action button - Use for main actions users should take",
+    type: "button",
+    props: {
+      label: "Get Started",
+      link: "/signup",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "solid"
+    }
+  },
+  {
+    description: "Secondary button - Use for supporting actions or alternatives",
+    type: "button",
+    props: {
+      label: "Learn More",
+      link: "/about",
+      colorPreset: { color: "secondary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "outline"
+    }
+  },
+  {
+    description: "Neutral button - Use for low-priority actions or navigation",
+    type: "button",
+    props: {
+      label: "View Details",
+      link: "/details",
+      colorPreset: { color: "neutral-500" },
+      fontSize: "text-sm",
+      rounding: "rounded-md"
+    }
+  },
+  {
+    description: "Accent button - Use for special promotions or highlighted actions",
+    type: "button",
+    props: {
+      label: "Special Offer",
+      link: "/promo",
+      colorPreset: { color: "accent-500" },
+      fontSize: "text-lg",
+      rounding: "rounded-lg"
+    }
+  },
+  // EXTERNAL LINK EXAMPLES
+  {
+    description: "External website link - Full URL for outside navigation",
+    type: "button",
+    props: {
+      label: "Visit Our Store",
+      link: "https://store.example.com",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md"
+    }
+  },
+  {
+    description: "Download button - Direct file download link",
+    type: "button",
+    props: {
+      label: "Download PDF",
+      link: "https://example.com/brochure.pdf",
+      colorPreset: { color: "secondary-600" },
+      fontSize: "text-base",
+      rounding: "rounded-lg",
+      fill: "outline"
+    }
+  },
+  // INTERNAL NAVIGATION EXAMPLES
+  {
+    description: "Internal page navigation using page ID reference",
+    type: "button",
+    props: {
+      label: "Contact Us",
+      link: "contact",
+      colorPreset: { color: "neutral-600" },
+      fontSize: "text-base",
+      rounding: "rounded-md"
+    }
+  },
+  {
+    description: "Internal relative URL navigation",
+    type: "button",
+    props: {
+      label: "Our Services",
+      link: "/services",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md"
+    }
+  },
+  // DYNAMIC CONTENT EXAMPLES
+  {
+    description: "Dynamic product purchase button using product query data",
+    type: "button",
+    props: {
+      label: "Buy {{product.name}} - ${{product.price}}",
+      link: "/checkout/{{product.id}}",
+      colorPreset: { color: "primary-600" },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "outline"
+    }
+  },
+  {
+    description: "Dynamic employee contact button using team member data",
+    type: "button",
+    props: {
+      label: "Contact {{employee.name}}",
+      link: "mailto:{{employee.email}}",
+      colorPreset: { color: "neutral-500" },
+      fontSize: "text-sm",
+      rounding: "rounded-md"
+    }
+  },
+  {
+    description: "Dynamic event registration using event query data",
+    type: "button",
+    props: {
+      label: "Register for {{event.title}}",
+      link: "/events/{{event.slug}}/register",
+      colorPreset: { color: "accent-500" },
+      fontSize: "text-base",
+      rounding: "rounded-lg"
+    }
+  },
+  // STYLING VARIATIONS
+  {
+    description: "Small compact button - Use in tight spaces or secondary contexts",
+    type: "button",
+    props: {
+      label: "Edit",
+      link: "/edit",
+      colorPreset: { color: "neutral-400" },
+      fontSize: "text-sm",
+      rounding: "rounded-sm"
+    }
+  },
+  {
+    description: "Large hero button - Use for prominent call-to-actions",
+    type: "button",
+    props: {
+      label: "Start Free Trial",
+      link: "/trial",
+      colorPreset: { color: "primary-600" },
+      fontSize: "text-xl",
+      rounding: "rounded-xl",
+      fill: "outline"
+    }
+  },
+  {
+    description: "Pill-shaped button - Modern rounded design",
+    type: "button",
+    props: {
+      label: "Subscribe",
+      link: "/newsletter",
+      colorPreset: { color: "accent-500" },
+      fontSize: "text-base",
+      rounding: "rounded-full"
+    }
+  },
+  {
+    description: "Sharp modern button - Angular design with no rounding",
+    type: "button",
+    props: {
+      label: "Join Now",
+      link: "/join",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-none",
+      fill: "outline"
+    }
+  },
+  // GRADIENT EXAMPLES
+  {
+    description: "Gradient button - Eye-catching with color transitions",
+    type: "button",
+    props: {
+      label: "Premium Upgrade",
+      link: "/upgrade",
+      colorPreset: {
+        color: "primary-500",
+        gradientDirection: "bg-gradient-to-r"
+      },
+      fontSize: "text-lg",
+      rounding: "rounded-lg"
+    }
+  },
+  {
+    description: "Diagonal gradient button - Unique visual appeal",
+    type: "button",
+    props: {
+      label: "Launch Campaign",
+      link: "/campaigns/new",
+      colorPreset: {
+        color: "accent-600",
+        gradientDirection: "bg-gradient-to-br"
+      },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "outline"
+    }
+  },
+  // FILL STYLE COMPARISON EXAMPLES
+  {
+    description: "Solid fill button - Traditional filled background style",
+    type: "button",
+    props: {
+      label: "Solid Button",
+      link: "/solid",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "solid"
+    }
+  },
+  {
+    description: "Outline fill button - Transparent background with border",
+    type: "button",
+    props: {
+      label: "Outline Button",
+      link: "/outline",
+      colorPreset: { color: "primary-500" },
+      fontSize: "text-base",
+      rounding: "rounded-md",
+      fill: "outline"
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-7U5WPHXB.js.map

package/dist/shared/chunk-7U5WPHXB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/button.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { RxButton } from \"react-icons/rx\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { urlOrPageId } from \"../props/string\";\nimport { rounding } from \"../props/border\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { fontSize } from \"../props/text\";\nimport { colorPreset } from \"../props/color-preset\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"button\",\n  name: \"Button\",\n  category: \"basic\",\n  description: \"A button\",\n  aiInstructions: `Use this button component for navigation and call-to-action elements throughout the site.\n\nWHEN TO USE:\n- Navigation links (Learn More, About Us, Contact)\n- Call-to-action buttons (Sign Up, Get Started, Buy Now)\n- External links (Download, Visit Website, Social Media)\n- Internal page navigation (Go to Services, View Portfolio)\n\nSTYLING GUIDELINES:\n- colorPreset: Use \"primary-500\" for main CTAs, \"secondary-500\" for secondary actions, \"neutral-500\" for low-priority actions, \"accent-500\" for highlight actions\n- fontSize: \"text-sm\" for compact buttons, \"text-base\" for standard, \"text-lg\" for emphasis, \"text-xl\" for hero buttons\n- rounding: \"rounded-none\" for sharp/modern, \"rounded-md\" for standard, \"rounded-lg\" for friendly, \"rounded-full\" for pills\n- fill: Use \"solid\" for primary actions with background color, \"outline\" for secondary actions with transparent background and border\n- link: Use full URLs for external (https://example.com), relative paths for internal (/about), or page IDs for site pages (about-us)\n\nDYNAMIC CONTENT:\n- Support template variables: \"Buy {{product.name}}\" or \"Contact {{employee.name}}\"\n- Link to dynamic pages: \"/products/{{product.id}}\" or \"/team/{{employee.slug}}\"\n\nAVOID:\n- Using in forms (forms have dedicated submit buttons)\n- Empty or unclear labels (use descriptive action words)\n- Mixing multiple high-emphasis colors on same page`,\n  resizable: \"horizontal\",\n  icon: RxButton,\n  minWidth: {\n    desktop: 120,\n    mobile: 120,\n  },\n  defaultWidth: {\n    mobile: \"100%\",\n  },\n  props: defineProps(\n    {\n      colorPreset: Type.Optional(\n        colorPreset({\n          default: { color: \"primary-500\" },\n          title: \"Color\",\n          \"ui:default-gradient-direction\": \"bg-gradient-to-b\",\n        }),\n      ),\n      label: Type.String({ title: \"Label\", default: \"My button\", metadata: { category: \"content\" } }),\n      fontSize: Type.Optional(\n        fontSize({\n          title: \"Font size\",\n          description: \"The font size of the button text.\",\n          default: \"text-base\",\n          \"ui:responsive\": \"desktop\",\n          \"ui:no-extra-large-sizes\": true,\n        }),\n      ),\n      rounding: Type.Optional(\n        rounding({\n          default: \"rounded-md\",\n        }),\n      ),\n      fill: Type.Optional(\n        StringEnum([\"solid\", \"outline\"], {\n          title: \"Fill\",\n          description: \"Button appearance style - solid background or outlined.\",\n          default: \"solid\",\n          enumNames: [\"Solid\", \"Outline\"],\n          \"ui:field\": \"enum\",\n          \"ui:display\": \"select\",\n        }),\n      ),\n      link: urlOrPageId({\n        title: \"Link\",\n        \"ui:placeholder\": \"https://example.com\",\n        metadata: { category: \"content\" },\n      }),\n    },\n    { noGrow: true },\n  ),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  // BASIC BUTTON TYPES\n  {\n    description: \"Primary call-to-action button - Use for main actions users should take\",\n    type: \"button\",\n    props: {\n      label: \"Get Started\",\n      link: \"/signup\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"solid\",\n    },\n  },\n  {\n    description: \"Secondary button - Use for supporting actions or alternatives\",\n    type: \"button\",\n    props: {\n      label: \"Learn More\",\n      link: \"/about\",\n      colorPreset: { color: \"secondary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"outline\",\n    },\n  },\n  {\n    description: \"Neutral button - Use for low-priority actions or navigation\",\n    type: \"button\",\n    props: {\n      label: \"View Details\",\n      link: \"/details\",\n      colorPreset: { color: \"neutral-500\" },\n      fontSize: \"text-sm\",\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Accent button - Use for special promotions or highlighted actions\",\n    type: \"button\",\n    props: {\n      label: \"Special Offer\",\n      link: \"/promo\",\n      colorPreset: { color: \"accent-500\" },\n      fontSize: \"text-lg\",\n      rounding: \"rounded-lg\",\n    },\n  },\n\n  // EXTERNAL LINK EXAMPLES\n  {\n    description: \"External website link - Full URL for outside navigation\",\n    type: \"button\",\n    props: {\n      label: \"Visit Our Store\",\n      link: \"https://store.example.com\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Download button - Direct file download link\",\n    type: \"button\",\n    props: {\n      label: \"Download PDF\",\n      link: \"https://example.com/brochure.pdf\",\n      colorPreset: { color: \"secondary-600\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-lg\",\n      fill: \"outline\",\n    },\n  },\n\n  // INTERNAL NAVIGATION EXAMPLES\n  {\n    description: \"Internal page navigation using page ID reference\",\n    type: \"button\",\n    props: {\n      label: \"Contact Us\",\n      link: \"contact\",\n      colorPreset: { color: \"neutral-600\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Internal relative URL navigation\",\n    type: \"button\",\n    props: {\n      label: \"Our Services\",\n      link: \"/services\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n    },\n  },\n\n  // DYNAMIC CONTENT EXAMPLES\n  {\n    description: \"Dynamic product purchase button using product query data\",\n    type: \"button\",\n    props: {\n      label: \"Buy {{product.name}} - ${{product.price}}\",\n      link: \"/checkout/{{product.id}}\",\n      colorPreset: { color: \"primary-600\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"outline\",\n    },\n  },\n  {\n    description: \"Dynamic employee contact button using team member data\",\n    type: \"button\",\n    props: {\n      label: \"Contact {{employee.name}}\",\n      link: \"mailto:{{employee.email}}\",\n      colorPreset: { color: \"neutral-500\" },\n      fontSize: \"text-sm\",\n      rounding: \"rounded-md\",\n    },\n  },\n  {\n    description: \"Dynamic event registration using event query data\",\n    type: \"button\",\n    props: {\n      label: \"Register for {{event.title}}\",\n      link: \"/events/{{event.slug}}/register\",\n      colorPreset: { color: \"accent-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-lg\",\n    },\n  },\n\n  // STYLING VARIATIONS\n  {\n    description: \"Small compact button - Use in tight spaces or secondary contexts\",\n    type: \"button\",\n    props: {\n      label: \"Edit\",\n      link: \"/edit\",\n      colorPreset: { color: \"neutral-400\" },\n      fontSize: \"text-sm\",\n      rounding: \"rounded-sm\",\n    },\n  },\n  {\n    description: \"Large hero button - Use for prominent call-to-actions\",\n    type: \"button\",\n    props: {\n      label: \"Start Free Trial\",\n      link: \"/trial\",\n      colorPreset: { color: \"primary-600\" },\n      fontSize: \"text-xl\",\n      rounding: \"rounded-xl\",\n      fill: \"outline\",\n    },\n  },\n  {\n    description: \"Pill-shaped button - Modern rounded design\",\n    type: \"button\",\n    props: {\n      label: \"Subscribe\",\n      link: \"/newsletter\",\n      colorPreset: { color: \"accent-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Sharp modern button - Angular design with no rounding\",\n    type: \"button\",\n    props: {\n      label: \"Join Now\",\n      link: \"/join\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-none\",\n      fill: \"outline\",\n    },\n  },\n\n  // GRADIENT EXAMPLES\n  {\n    description: \"Gradient button - Eye-catching with color transitions\",\n    type: \"button\",\n    props: {\n      label: \"Premium Upgrade\",\n      link: \"/upgrade\",\n      colorPreset: {\n        color: \"primary-500\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n      fontSize: \"text-lg\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Diagonal gradient button - Unique visual appeal\",\n    type: \"button\",\n    props: {\n      label: \"Launch Campaign\",\n      link: \"/campaigns/new\",\n      colorPreset: {\n        color: \"accent-600\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"outline\",\n    },\n  },\n\n  // FILL STYLE COMPARISON EXAMPLES\n  {\n    description: \"Solid fill button - Traditional filled background style\",\n    type: \"button\",\n    props: {\n      label: \"Solid Button\",\n      link: \"/solid\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"solid\",\n    },\n  },\n  {\n    description: \"Outline fill button - Transparent background with border\",\n    type: \"button\",\n    props: {\n      label: \"Outline Button\",\n      link: \"/outline\",\n      colorPreset: { color: \"primary-500\" },\n      fontSize: \"text-base\",\n      rounding: \"rounded-md\",\n      fill: \"outline\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-Q4NPPLEU.js → chunk-BHARJBEK.js}

@@ -1,8 +1,5 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
-import {
-  typedRef
-} from "./chunk-A2QPY54H.js";
 
 // src/shared/bricks/props/tags.ts
 import { Type } from "@sinclair/typebox";
@@ -23,12 +20,8 @@ function tags(options) {
     }
   );
 }
-function tagsRef(options = {}) {
-  return typedRef("content:tags", { ...options });
-}
 
 export {
-  tags,
-  tagsRef
+  tags
 };
-//# sourceMappingURL=chunk-Q4NPPLEU.js.map
+//# sourceMappingURL=chunk-BHARJBEK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/tags.ts"],"sourcesContent":["import { type Static, Type, type StringOptions } from \"@sinclair/typebox\";\n\nexport function tags(options?: StringOptions) {\n  return Type.Array(\n    Type.String({\n      title: options?.title ?? \"Tags\",\n      ...options,\n    }),\n    {\n      // $id: \"content:tags\",\n      \"ui:field\": \"tags\",\n      title: options?.title ?? \"Tags\",\n      metadata: {\n        category: \"content\",\n      },\n      ...options,\n    },\n  );\n}\n\nexport type TagsSettings = Static<ReturnType<typeof tags>>;\n"],"mappings":";;;;AAAA,SAAsB,YAAgC;AAE/C,SAAS,KAAK,SAAyB;AAC5C,SAAO,KAAK;AAAA,IACV,KAAK,OAAO;AAAA,MACV,OAAO,SAAS,SAAS;AAAA,MACzB,GAAG;AAAA,IACL,CAAC;AAAA,IACD;AAAA;AAAA,MAEE,YAAY;AAAA,MACZ,OAAO,SAAS,SAAS;AAAA,MACzB,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}