@upstart.gg/sdk 0.0.133 → 0.0.135

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/timeline.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { cssLengthRef } from \"../props/css-length\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { shadowRef } from \"../props/effects\";\nimport { BsListCheck } from \"react-icons/bs\";\nimport { loopRef } from \"../props/dynamic\";\nimport type { BrickProps } from \"../props/types\";\n\nconst timelineItemSchema = Type.Object({\n  id: Type.Optional(Type.String({ title: \"ID\" })),\n  title: Type.String({\n    title: \"Title\",\n    description: \"The main title or headline for this timeline item\",\n  }),\n  subtitle: Type.Optional(\n    Type.String({\n      title: \"Subtitle\",\n      description: \"Optional subtitle or date for this timeline item\",\n    }),\n  ),\n  description: Type.Optional(\n    Type.String({\n      title: \"Description\",\n      description: \"Optional detailed description for this timeline item\",\n    }),\n  ),\n  date: Type.Optional(\n    Type.String({\n      title: \"Date\",\n      description: \"Date or time period for this timeline item\",\n    }),\n  ),\n  icon: Type.Optional(\n    Type.String({\n      title: \"Icon\",\n      description: \"Optional icon name from Iconify for this timeline item\",\n    }),\n  ),\n  status: Type.Optional(\n    Type.Union([Type.Literal(\"completed\"), Type.Literal(\"current\"), Type.Literal(\"upcoming\")], {\n      title: \"Status\",\n      description: \"Timeline item status for visual styling\",\n    }),\n  ),\n});\n\nexport const manifest = defineBrickManifest({\n  type: \"timeline\",\n  category: \"widgets\",\n  name: \"Timeline\",\n  description:\n    \"A vertical timeline component to display chronological events, milestones, or processes with optional content for each item\",\n  icon: BsListCheck,\n  props: defineProps({\n    items: Type.Array(timelineItemSchema, {\n      title: \"Timeline Items\",\n      description: \"List of timeline items to display\",\n      \"ui:field\": \"array\",\n      default: [],\n    }),\n\n    $children: Type.Optional(\n      Type.Array(Type.Array(Type.Any()), {\n        title: \"Content\",\n        description:\n          \"Optional content blocks for each timeline item. Each array corresponds to content for the timeline item at the same index.\",\n        \"ui:field\": \"hidden\",\n        default: [],\n      }),\n    ),\n\n    // Layout options\n    layout: Type.Optional(\n      Type.Union([Type.Literal(\"left\"), Type.Literal(\"right\"), Type.Literal(\"alternating\")], {\n        title: \"Layout\",\n        description: \"Timeline layout style\",\n        default: \"left\",\n      }),\n    ),\n\n    showConnector: Type.Optional(\n      Type.Boolean({\n        title: \"Show Connector Line\",\n        description: \"Whether to show the connecting line between timeline items\",\n        default: true,\n      }),\n    ),\n\n    connectorColor: Type.Optional(\n      colorPresetRef({\n        title: \"Connector Color\",\n        description: \"Color of the timeline connector line\",\n      }),\n    ),\n\n    // Timeline item styling\n    itemSpacing: Type.Optional(\n      cssLengthRef({\n        title: \"Item Spacing\",\n        description: \"Vertical spacing between timeline items\",\n        default: \"2rem\",\n      }),\n    ),\n\n    showIcons: Type.Optional(\n      Type.Boolean({\n        title: \"Show Icons\",\n        description: \"Whether to display icons for timeline items\",\n        default: true,\n      }),\n    ),\n\n    iconSize: Type.Optional(\n      Type.Union([Type.Literal(\"sm\"), Type.Literal(\"md\"), Type.Literal(\"lg\")], {\n        title: \"Icon Size\",\n        description: \"Size of timeline item icons\",\n        default: \"md\",\n      }),\n    ),\n\n    showDates: Type.Optional(\n      Type.Boolean({\n        title: \"Show Dates\",\n        description: \"Whether to display dates for timeline items\",\n        default: true,\n      }),\n    ),\n\n    datePosition: Type.Optional(\n      Type.Union([Type.Literal(\"top\"), Type.Literal(\"bottom\"), Type.Literal(\"inline\")], {\n        title: \"Date Position\",\n        description: \"Position of dates relative to content\",\n        default: \"top\",\n      }),\n    ),\n\n    // Styling\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color Preset\",\n        description: \"Color theme for the timeline\",\n      }),\n    ),\n\n    padding: Type.Optional(\n      cssLengthRef({\n        title: \"Padding\",\n        description: \"Internal padding for the timeline container\",\n      }),\n    ),\n\n    border: Type.Optional(\n      borderRef({\n        title: \"Border\",\n        description: \"Border styling for the timeline container\",\n      }),\n    ),\n\n    shadow: Type.Optional(\n      shadowRef({\n        title: \"Shadow\",\n        description: \"Shadow effect for the timeline container\",\n      }),\n    ),\n\n    rounding: Type.Optional(\n      roundingRef({\n        title: \"Rounding\",\n        description: \"Corner rounding for the timeline container\",\n      }),\n    ),\n\n    // Content loop support\n    loop: Type.Optional(loopRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Basic timeline with milestones\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          id: \"start\",\n          title: \"Project Kickoff\",\n          subtitle: \"Planning Phase\",\n          date: \"January 2024\",\n          description: \"Initial project planning and team assembly\",\n          status: \"completed\",\n        },\n        {\n          id: \"development\",\n          title: \"Development Phase\",\n          subtitle: \"Building the Product\",\n          date: \"February - April 2024\",\n          description: \"Core development and feature implementation\",\n          status: \"completed\",\n        },\n        {\n          id: \"testing\",\n          title: \"Testing & QA\",\n          subtitle: \"Quality Assurance\",\n          date: \"May 2024\",\n          description: \"Comprehensive testing and bug fixes\",\n          status: \"current\",\n        },\n        {\n          id: \"launch\",\n          title: \"Product Launch\",\n          subtitle: \"Go Live\",\n          date: \"June 2024\",\n          description: \"Official product release and marketing campaign\",\n          status: \"upcoming\",\n        },\n      ],\n      layout: \"left\",\n      showConnector: true,\n      showIcons: true,\n      showDates: true,\n    },\n  },\n\n  {\n    description: \"Alternating timeline with custom colors\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Company Founded\",\n          date: \"2020\",\n          description: \"Started with a vision to change the industry\",\n        },\n        {\n          title: \"First Product Launch\",\n          date: \"2021\",\n          description: \"Released our flagship product to market\",\n        },\n        {\n          title: \"Series A Funding\",\n          date: \"2022\",\n          description: \"Raised $10M to accelerate growth\",\n        },\n        {\n          title: \"International Expansion\",\n          date: \"2023\",\n          description: \"Opened offices in Europe and Asia\",\n        },\n      ],\n      layout: \"alternating\",\n      colorPreset: { color: \"blue-500\" },\n      connectorColor: { color: \"blue-300\" },\n      itemSpacing: \"3rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with content blocks\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Research Phase\",\n          date: \"Q1 2024\",\n          description: \"Market research and user interviews\",\n        },\n        {\n          title: \"Design Phase\",\n          date: \"Q2 2024\",\n          description: \"UI/UX design and prototyping\",\n        },\n      ],\n      $children: [\n        [\n          {\n            id: \"research-chart\",\n            type: \"text\",\n            props: { content: \"Research findings and insights will be displayed here.\" },\n          },\n        ],\n        [\n          {\n            id: \"design-mockups\",\n            type: \"text\",\n            props: { content: \"Design mockups and prototypes will be shown here.\" },\n          },\n        ],\n      ],\n    },\n  },\n\n  {\n    description: \"Compact timeline without dates\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Initialize Project\",\n          description: \"Set up repository and development environment\",\n        },\n        {\n          title: \"Implement Core Features\",\n          description: \"Build the main functionality\",\n        },\n        {\n          title: \"Add Tests\",\n          description: \"Write unit and integration tests\",\n        },\n        {\n          title: \"Deploy to Production\",\n          description: \"Release to production environment\",\n        },\n      ],\n      layout: \"left\",\n      showDates: false,\n      showIcons: false,\n      itemSpacing: \"1.5rem\",\n      padding: \"1rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with custom icons\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Planning\",\n          icon: \"mdi:calendar-check\",\n          date: \"Week 1\",\n          status: \"completed\",\n        },\n        {\n          title: \"Development\",\n          icon: \"mdi:code-braces\",\n          date: \"Week 2-4\",\n          status: \"completed\",\n        },\n        {\n          title: \"Testing\",\n          icon: \"mdi:test-tube\",\n          date: \"Week 5\",\n          status: \"current\",\n        },\n        {\n          title: \"Deployment\",\n          icon: \"mdi:rocket-launch\",\n          date: \"Week 6\",\n          status: \"upcoming\",\n        },\n      ],\n      iconSize: \"lg\",\n      datePosition: \"bottom\",\n    },\n  },\n\n  {\n    description: \"Right-aligned timeline\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"User Registration Opens\",\n          date: \"March 1st\",\n          description: \"Early bird registration begins\",\n        },\n        {\n          title: \"Speaker Announcements\",\n          date: \"March 15th\",\n          description: \"Keynote speakers revealed\",\n        },\n        {\n          title: \"Conference Day\",\n          date: \"April 1st\",\n          description: \"The main event begins\",\n        },\n      ],\n      layout: \"right\",\n      colorPreset: { color: \"green-500\" },\n      border: { width: \"border\", color: \"gray-200\" },\n      rounding: \"rounded-lg\",\n      padding: \"2rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with loop data\",\n    type: \"timeline\",\n    props: {\n      items: [],\n      loop: {\n        over: \"milestones\",\n      },\n      layout: \"alternating\",\n      showConnector: true,\n    },\n  },\n\n  {\n    description: \"Styled timeline with shadows\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Design System\",\n          subtitle: \"Foundation\",\n          date: \"Phase 1\",\n          description: \"Establish design tokens and component library\",\n        },\n        {\n          title: \"Component Development\",\n          subtitle: \"Implementation\",\n          date: \"Phase 2\",\n          description: \"Build reusable React components\",\n        },\n        {\n          title: \"Documentation\",\n          subtitle: \"Guidelines\",\n          date: \"Phase 3\",\n          description: \"Create comprehensive usage documentation\",\n        },\n      ],\n      colorPreset: { color: \"purple-500\" },\n      shadow: \"shadow-lg\",\n      border: { width: \"border\", color: \"purple-200\" },\n      rounding: \"rounded-xl\",\n      padding: \"2.5rem\",\n      itemSpacing: \"2.5rem\",\n      connectorColor: { color: \"purple-300\" },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-UQF52PWK.js

@@ -0,0 +1,70 @@
+/*! 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/string.ts
+import { Type } from "@sinclair/typebox";
+function string(title, options = {}) {
+  return Type.String({ title, ...options });
+}
+function url(title = "URL", defaultValue) {
+  return Type.String({
+    title,
+    format: "url",
+    "ui:field": "url",
+    default: defaultValue
+  });
+}
+var pageIdSchema = Type.String({
+  "ui:field": "page-id"
+});
+function urlOrPageId(title = "URL", defaultValue) {
+  return Type.Union(
+    [
+      Type.String({
+        format: "url"
+      }),
+      pageIdSchema
+    ],
+    {
+      // $id: "content:urlOrPageId",
+      default: defaultValue,
+      title,
+      metadata: {
+        category: "content"
+      },
+      "ui:field": "url-page-id",
+      "ai:instructions": "This field can be a URL or a page ID. Use the page ID when linking to a internal page, and a URL for external links."
+    }
+  );
+}
+function urlOrPageIdRef(options = {}) {
+  return typedRef("content:urlOrPageId", { ...options });
+}
+function icon(title, options = {}) {
+  return Type.String({
+    title: title ?? "Icon",
+    "ai:instructions": "Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.",
+    "ui:field": "iconify",
+    // $id: "assets:icon",
+    metadata: {
+      category: "content"
+    },
+    ...options
+  });
+}
+function iconRef(options = {}) {
+  return typedRef("assets:icon", options);
+}
+
+export {
+  string,
+  url,
+  urlOrPageId,
+  urlOrPageIdRef,
+  icon,
+  iconRef
+};
+//# sourceMappingURL=chunk-UQF52PWK.js.map

package/dist/shared/{chunk-A3GF4PYW.js.map → chunk-UQF52PWK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/props/string.ts"],"sourcesContent":["import { type Static, Type, type StringOptions } from \"@sinclair/typebox\";\nimport type { FieldMetadata } from \"./types\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype StrFieldOptions = StringOptions &\n  FieldMetadata & {\n    \"ui:multiline\"?: boolean;\n  };\n\nexport function string(title: string, options: StrFieldOptions = {}) {\n  return Type.String({ title, ...options });\n}\n\nexport function url(title = \"URL\", defaultValue?: string) {\n  return Type.String({\n    title,\n    format: \"url\",\n    \"ui:field\": \"url\",\n    default: defaultValue,\n  });\n}\n\nconst pageIdSchema = Type.String({\n  \"ui:field\": \"page-id\",\n});\n\nexport function urlOrPageId(title = \"URL\", defaultValue?: string) {\n  return Type.Union(\n    [\n      Type.String({\n        format: \"url\",\n      }),\n      pageIdSchema,\n    ],\n    {\n      // $id: \"content:urlOrPageId\",\n      default: defaultValue,\n      title,\n      metadata: {\n        category: \"content\",\n      },\n      \"ui:field\": \"url-page-id\",\n      \"ai:instructions\":\n        \"This field can be a URL or a page ID. Use the page ID when linking to a internal page, and a URL for external links.\",\n    },\n  );\n}\n\nexport type UrlOrPageIdSettings = Static<ReturnType<typeof urlOrPageId>>;\n\nexport function urlOrPageIdRef(options: StrFieldOptions = {}) {\n  return typedRef(\"content:urlOrPageId\", { ...options });\n}\n\ntype IconOptions = StrFieldOptions & { \"ui:default-icon-collection\"?: string };\n\nexport function icon(title?: string, options: IconOptions = {}) {\n  return Type.String({\n    title: title ?? \"Icon\",\n    \"ai:instructions\": \"Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.\",\n    \"ui:field\": \"iconify\",\n    // $id: \"assets:icon\",\n    metadata: {\n      category: \"content\",\n    },\n    ...options,\n  });\n}\n\nexport function iconRef(options: IconOptions = {}) {\n  return typedRef(\"assets:icon\", options);\n}\n"],"mappings":";;wCAAA,OAAsB,QAAAA,MAAgC,oBAS/C,SAASC,EAAOC,EAAeC,EAA2B,CAAC,EAAG,CACnE,OAAOC,EAAK,OAAO,CAAE,MAAAF,EAAO,GAAGC,CAAQ,CAAC,CAC1C,CAEO,SAASE,EAAIH,EAAQ,MAAOI,EAAuB,CACxD,OAAOF,EAAK,OAAO,CACjB,MAAAF,EACA,OAAQ,MACR,WAAY,MACZ,QAASI,CACX,CAAC,CACH,CAEA,IAAMC,EAAeH,EAAK,OAAO,CAC/B,WAAY,SACd,CAAC,EAEM,SAASI,EAAYN,EAAQ,MAAOI,EAAuB,CAChE,OAAOF,EAAK,MACV,CACEA,EAAK,OAAO,CACV,OAAQ,KACV,CAAC,EACDG,CACF,EACA,CAEE,QAASD,EACT,MAAAJ,EACA,SAAU,CACR,SAAU,SACZ,EACA,WAAY,cACZ,kBACE,sHACJ,CACF,CACF,CAIO,SAASO,EAAeN,EAA2B,CAAC,EAAG,CAC5D,OAAOO,EAAS,sBAAuB,CAAE,GAAGP,CAAQ,CAAC,CACvD,CAIO,SAASQ,EAAKT,EAAgBC,EAAuB,CAAC,EAAG,CAC9D,OAAOC,EAAK,OAAO,CACjB,MAAOF,GAAS,OAChB,kBAAmB,iEACnB,WAAY,UAEZ,SAAU,CACR,SAAU,SACZ,EACA,GAAGC,CACL,CAAC,CACH,CAEO,SAASS,EAAQT,EAAuB,CAAC,EAAG,CACjD,OAAOO,EAAS,cAAeP,CAAO,CACxC","names":["Type","string","title","options","Type","url","defaultValue","pageIdSchema","urlOrPageId","urlOrPageIdRef","typedRef","icon","iconRef"]}
+{"version":3,"sources":["../../src/shared/bricks/props/string.ts"],"sourcesContent":["import { type Static, Type, type StringOptions } from \"@sinclair/typebox\";\nimport type { FieldMetadata } from \"./types\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype StrFieldOptions = StringOptions &\n  FieldMetadata & {\n    \"ui:multiline\"?: boolean;\n  };\n\nexport function string(title: string, options: StrFieldOptions = {}) {\n  return Type.String({ title, ...options });\n}\n\nexport function url(title = \"URL\", defaultValue?: string) {\n  return Type.String({\n    title,\n    format: \"url\",\n    \"ui:field\": \"url\",\n    default: defaultValue,\n  });\n}\n\nconst pageIdSchema = Type.String({\n  \"ui:field\": \"page-id\",\n});\n\nexport function urlOrPageId(title = \"URL\", defaultValue?: string) {\n  return Type.Union(\n    [\n      Type.String({\n        format: \"url\",\n      }),\n      pageIdSchema,\n    ],\n    {\n      // $id: \"content:urlOrPageId\",\n      default: defaultValue,\n      title,\n      metadata: {\n        category: \"content\",\n      },\n      \"ui:field\": \"url-page-id\",\n      \"ai:instructions\":\n        \"This field can be a URL or a page ID. Use the page ID when linking to a internal page, and a URL for external links.\",\n    },\n  );\n}\n\nexport type UrlOrPageIdSettings = Static<ReturnType<typeof urlOrPageId>>;\n\nexport function urlOrPageIdRef(options: StrFieldOptions = {}) {\n  return typedRef(\"content:urlOrPageId\", { ...options });\n}\n\ntype IconOptions = StrFieldOptions & { \"ui:default-icon-collection\"?: string };\n\nexport function icon(title?: string, options: IconOptions = {}) {\n  return Type.String({\n    title: title ?? \"Icon\",\n    \"ai:instructions\": \"Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.\",\n    \"ui:field\": \"iconify\",\n    // $id: \"assets:icon\",\n    metadata: {\n      category: \"content\",\n    },\n    ...options,\n  });\n}\n\nexport function iconRef(options: IconOptions = {}) {\n  return typedRef(\"assets:icon\", options);\n}\n"],"mappings":";;;;;;;AAAA,SAAsB,YAAgC;AAS/C,SAAS,OAAO,OAAe,UAA2B,CAAC,GAAG;AACnE,SAAO,KAAK,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC;AAC1C;AAEO,SAAS,IAAI,QAAQ,OAAO,cAAuB;AACxD,SAAO,KAAK,OAAO;AAAA,IACjB;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,EACX,CAAC;AACH;AAEA,IAAM,eAAe,KAAK,OAAO;AAAA,EAC/B,YAAY;AACd,CAAC;AAEM,SAAS,YAAY,QAAQ,OAAO,cAAuB;AAChE,SAAO,KAAK;AAAA,IACV;AAAA,MACE,KAAK,OAAO;AAAA,QACV,QAAQ;AAAA,MACV,CAAC;AAAA,MACD;AAAA,IACF;AAAA,IACA;AAAA;AAAA,MAEE,SAAS;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,mBACE;AAAA,IACJ;AAAA,EACF;AACF;AAIO,SAAS,eAAe,UAA2B,CAAC,GAAG;AAC5D,SAAO,SAAS,uBAAuB,EAAE,GAAG,QAAQ,CAAC;AACvD;AAIO,SAAS,KAAK,OAAgB,UAAuB,CAAC,GAAG;AAC9D,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO,SAAS;AAAA,IAChB,mBAAmB;AAAA,IACnB,YAAY;AAAA;AAAA,IAEZ,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AAEO,SAAS,QAAQ,UAAuB,CAAC,GAAG;AACjD,SAAO,SAAS,eAAe,OAAO;AACxC;","names":[]}

package/dist/shared/chunk-V3UA3LRK.js

@@ -0,0 +1,253 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-TB3X4LRQ.js";
+import {
+  loopRef
+} from "./chunk-BW6EFRSF.js";
+import {
+  textContentRef
+} from "./chunk-F22LDHEO.js";
+import {
+  shadowRef
+} from "./chunk-TNMNMYOB.js";
+import {
+  borderRef,
+  roundingRef
+} from "./chunk-NTLAKMMQ.js";
+import {
+  colorPresetRef
+} from "./chunk-TFGGYU6Y.js";
+import {
+  cssLengthRef
+} from "./chunk-BPBKHEQ5.js";
+import {
+  alignItemsRef
+} from "./chunk-ZLYIRH2B.js";
+
+// src/shared/bricks/manifests/text.manifest.ts
+import { RxTextAlignLeft } from "react-icons/rx";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "text",
+  category: "basic",
+  name: "Text",
+  description: "Text with formatting options",
+  aiInstructions: `Text "content" can contain minimal HTML tags like <strong>, <em>, <br> and <a> as well as <h1>, <h2>, <h3>, <h4>, <p> and <span> and lists.
+Only 'align' is supported as an inline style, so don't use other inline styles like 'font-size' or 'color' in the content prop.
+You may simply omit the "colorPreset" property so that the brick will inherit the default color from its parent container.
+`,
+  defaultWidth: {
+    mobile: "100%"
+  },
+  defaultHeight: {
+    desktop: "auto",
+    mobile: "auto"
+  },
+  staticClasses: "prose lg:prose-lg",
+  icon: RxTextAlignLeft,
+  props: defineProps({
+    colorPreset: Type.Optional(
+      colorPresetRef({
+        title: "Color"
+      })
+    ),
+    content: textContentRef({
+      title: "Content"
+      // metadata: {
+      //   category: "content",
+      // },
+    }),
+    verticalAlign: Type.Optional(
+      alignItemsRef({
+        default: "items-center",
+        title: "Align"
+      })
+    ),
+    padding: Type.Optional(
+      cssLengthRef({
+        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: Type.Optional(
+      roundingRef({
+        default: "rounded-md"
+      })
+    ),
+    border: Type.Optional(borderRef()),
+    shadow: Type.Optional(shadowRef()),
+    loop: Type.Optional(loopRef())
+  })
+});
+var 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>",
+      colorPreset: {
+        color: "primary-100"
+      }
+    }
+  },
+  {
+    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",
+      colorPreset: {
+        color: "neutral-700"
+      },
+      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>",
+      colorPreset: {
+        color: "secondary-200"
+      },
+      padding: "2.5rem",
+      rounding: "rounded-xl",
+      shadow: "shadow-md",
+      verticalAlign: "items-center"
+    }
+  },
+  {
+    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>",
+      colorPreset: {
+        color: "accent-100"
+      },
+      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>\u2705 Payment Successful!</h3><p>Thank you for your purchase. Your order <strong>#12345</strong> has been confirmed.</p><p>You will receive an email confirmation shortly at your registered email address.</p>",
+      colorPreset: {
+        color: "primary-200"
+      },
+      padding: "2rem",
+      rounding: "rounded-lg",
+      shadow: "shadow-sm",
+      verticalAlign: "items-start"
+    }
+  },
+  {
+    description: "Footer information with neutral dark theme and multiple links",
+    type: "text",
+    props: {
+      content: "<p style='text-align: center'>\xA9 2024 Company Name. All rights reserved.</p><p style='text-align: center'><a href='/privacy'>Privacy Policy</a> | <a href='/terms'>Terms of Service</a> | <a href='/contact'>Contact Us</a></p><p style='text-align: center'><em>Follow us on social media for the latest updates</em></p>",
+      colorPreset: {
+        color: "neutral-800"
+      },
+      padding: "1.5rem",
+      verticalAlign: "items-end"
+    }
+  },
+  {
+    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'>\u26A0\uFE0F URGENT NOTICE</h3><p style='text-align: center'><strong>System maintenance is currently in progress.</strong></p><p style='text-align: center'>Some services may be <em>temporarily unavailable</em>. We expect full restoration by 4:00 PM EST.</p><p style='text-align: center'>For urgent support, please <a href='/emergency-contact'>contact our emergency line</a>.</p>",
+      colorPreset: {
+        color: "accent-400"
+      },
+      padding: "2rem",
+      rounding: "rounded-md",
+      border: {
+        width: "border-2",
+        color: "border-accent-600"
+      },
+      shadow: "shadow-xl",
+      verticalAlign: "items-center"
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-V3UA3LRK.js.map

package/dist/shared/{chunk-G5CJU6RD.js.map → chunk-V3UA3LRK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/text.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { textContentRef } from \"../props/text\";\nimport { defineProps } from \"../props/helpers\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { RxTextAlignLeft } from \"react-icons/rx\";\nimport type { BrickProps } from \"../props/types\";\nimport { Type } from \"@sinclair/typebox\";\nimport { alignItemsRef } from \"../props/align\";\nimport { shadowRef } from \"../props/effects\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"text\",\n  category: \"basic\",\n  name: \"Text\",\n  description: \"Text with formatting options\",\n  aiInstructions: `Text \"content\" can contain minimal HTML tags like <strong>, <em>, <br> and <a> as well as <h1>, <h2>, <h3>, <h4>, <p> and <span> and lists.\nOnly 'align' is supported as an inline style, so don't use other inline styles like 'font-size' or 'color' in the content prop.\nYou may simply omit the \"colorPreset\" property so that the brick will inherit the default color from its parent container.\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    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    content: textContentRef({\n      title: \"Content\",\n      // metadata: {\n      //   category: \"content\",\n      // },\n    }),\n    verticalAlign: Type.Optional(\n      alignItemsRef({\n        default: \"items-center\",\n        title: \"Align\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\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: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    loop: Type.Optional(loopRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"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":";;+WAIA,OAAS,mBAAAA,MAAuB,iBAEhC,OAAS,QAAAC,MAAY,oBAOd,IAAMC,EAAWC,EAAoB,CAC1C,KAAM,OACN,SAAU,QACV,KAAM,OACN,YAAa,+BACb,eAAgB;AAAA;AAAA;AAAA,EAIhB,aAAc,CACZ,OAAQ,MACV,EACA,cAAe,CACb,QAAS,OACT,OAAQ,MACV,EACA,cAAe,oBACf,KAAMC,EACN,MAAOC,EAAY,CACjB,YAAaC,EAAK,SAChBC,EAAe,CACb,MAAO,OACT,CAAC,CACH,EACA,QAASC,EAAe,CACtB,MAAO,SAIT,CAAC,EACD,cAAeF,EAAK,SAClBG,EAAc,CACZ,QAAS,eACT,MAAO,OACT,CAAC,CACH,EACA,QAASH,EAAK,SACZI,EAAa,CACX,QAAS,OACT,YAAa,2BACb,kBAAmB,gDACnB,MAAO,UACP,gBAAiB,GACjB,iBAAkB,gBAClB,aAAc,gBAChB,CAAC,CACH,EACA,SAAUJ,EAAK,SACbK,EAAY,CACV,QAAS,YACX,CAAC,CACH,EACA,OAAQL,EAAK,SAASM,EAAU,CAAC,EACjC,OAAQN,EAAK,SAASO,EAAU,CAAC,EACjC,KAAMP,EAAK,SAASQ,EAAQ,CAAC,CAC/B,CAAC,CACH,CAAC,EAIYC,EAIP,CACJ,CACE,YAAa,8CACb,KAAM,OACN,MAAO,CACL,QACE,gNACF,QAAS,MACX,CACF,EACA,CACE,YAAa,wDACb,KAAM,OACN,MAAO,CACL,QACE,sOACF,QAAS,MACX,CACF,EACA,CACE,YAAa,kDACb,KAAM,OACN,MAAO,CACL,QACE,0IACF,QAAS,MACX,CACF,EACA,CACE,YAAa,wCACb,KAAM,OACN,MAAO,CACL,QACE,6IACF,YAAa,CACX,MAAO,aACT,CACF,CACF,EACA,CACE,YAAa,yDACb,KAAM,OACN,MAAO,CACL,QACE,mWACF,QAAS,MACX,CACF,EACA,CACE,YAAa,wDACb,KAAM,OACN,MAAO,CACL,QACE,gNACF,QAAS,OACT,YAAa,CACX,MAAO,aACT,EACA,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,EACA,SAAU,YACZ,CACF,EACA,CACE,YAAa,6CACb,KAAM,OACN,MAAO,CACL,QAAS,6BACT,QAAS,MACX,CACF,EACA,CACE,YAAa,2DACb,KAAM,OACN,MAAO,CACL,QACE,ySACF,YAAa,CACX,MAAO,eACT,EACA,QAAS,SACT,SAAU,aACV,OAAQ,YACR,cAAe,cACjB,CACF,EACA,CACE,YAAa,sEACb,KAAM,OACN,MAAO,CACL,QACE,+RACF,YAAa,CACX,MAAO,YACT,EACA,QAAS,SACT,SAAU,aACV,OAAQ,CACN,MAAO,WACP,MAAO,mBACT,CACF,CACF,EACA,CACE,YAAa,4DACb,KAAM,OACN,MAAO,CACL,QACE,uNACF,YAAa,CACX,MAAO,aACT,EACA,QAAS,OACT,SAAU,aACV,OAAQ,YACR,cAAe,aACjB,CACF,EACA,CACE,YAAa,gEACb,KAAM,OACN,MAAO,CACL,QACE,+TACF,YAAa,CACX,MAAO,aACT,EACA,QAAS,SACT,cAAe,WACjB,CACF,EACA,CACE,YAAa,6DACb,KAAM,OACN,MAAO,CACL,QACE,iWACF,QAAS,OACT,SAAU,cACV,OAAQ,YACR,OAAQ,CACN,MAAO,SACP,MAAO,oBACT,CACF,CACF,EACA,CACE,YAAa,mEACb,KAAM,OACN,MAAO,CACL,QACE,4ZACF,YAAa,CACX,MAAO,YACT,EACA,QAAS,OACT,SAAU,aACV,OAAQ,CACN,MAAO,WACP,MAAO,mBACT,EACA,OAAQ,YACR,cAAe,cACjB,CACF,CACF","names":["RxTextAlignLeft","Type","manifest","defineBrickManifest","RxTextAlignLeft","defineProps","Type","colorPresetRef","textContentRef","alignItemsRef","cssLengthRef","roundingRef","borderRef","shadowRef","loopRef","examples"]}
+{"version":3,"sources":["../../src/shared/bricks/manifests/text.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { textContentRef } from \"../props/text\";\nimport { defineProps } from \"../props/helpers\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { RxTextAlignLeft } from \"react-icons/rx\";\nimport type { BrickProps } from \"../props/types\";\nimport { Type } from \"@sinclair/typebox\";\nimport { alignItemsRef } from \"../props/align\";\nimport { shadowRef } from \"../props/effects\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { cssLengthRef } from \"../props/css-length\";\n\nexport const manifest = defineBrickManifest({\n  type: \"text\",\n  category: \"basic\",\n  name: \"Text\",\n  description: \"Text with formatting options\",\n  aiInstructions: `Text \"content\" can contain minimal HTML tags like <strong>, <em>, <br> and <a> as well as <h1>, <h2>, <h3>, <h4>, <p> and <span> and lists.\nOnly 'align' is supported as an inline style, so don't use other inline styles like 'font-size' or 'color' in the content prop.\nYou may simply omit the \"colorPreset\" property so that the brick will inherit the default color from its parent container.\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    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    content: textContentRef({\n      title: \"Content\",\n      // metadata: {\n      //   category: \"content\",\n      // },\n    }),\n    verticalAlign: Type.Optional(\n      alignItemsRef({\n        default: \"items-center\",\n        title: \"Align\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\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: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    loop: Type.Optional(loopRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"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-W6MRYRGJ.js

@@ -0,0 +1,100 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  typedRef
+} from "./chunk-A2QPY54H.js";
+import {
+  StringEnum
+} from "./chunk-JK2FWFJU.js";
+
+// src/shared/bricks/props/image.ts
+import { Type } from "@sinclair/typebox";
+function image(title = "Image", options = {}) {
+  const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;
+  const schema = Type.Object(
+    {
+      src: Type.String({
+        default: defaultImageUrl,
+        title,
+        description: "Image URL. Can be a link to an image or a data URI"
+      }),
+      alt: Type.Optional(
+        Type.String({
+          title: "Alternate Text",
+          description: "Alternative text for the image. Recommended for screen readers and SEO",
+          "ui:placeholder": "Your image description"
+        })
+      ),
+      fit: Type.Optional(
+        StringEnum(["object-none", "object-contain", "object-cover", "object-fill", "object-scale-down"], {
+          enumNames: ["None", "Contain", "Cover", "Fill", "Scale down"],
+          title: "Fit",
+          description: "How the image should be resized to fit its container",
+          default: "object-cover",
+          "ui:field": "enum",
+          "ui:styleId": "styles:objectFit"
+        })
+      ),
+      position: Type.Optional(
+        StringEnum(
+          [
+            "object-top",
+            "object-center",
+            "object-bottom",
+            "object-left",
+            "object-right",
+            "object-top-left",
+            "object-top-right",
+            "object-bottom-left",
+            "object-bottom-right"
+          ],
+          {
+            enumNames: [
+              "Top",
+              "Center",
+              "Bottom",
+              "Left",
+              "Right",
+              "Top left",
+              "Top right",
+              "Bottom left",
+              "Bottom right"
+            ],
+            "ui:styleId": "styles:objectPosition",
+            title: "Position",
+            description: "The position of the image inside its container",
+            "ui:field": "enum"
+          }
+        )
+      )
+    },
+    {
+      // $id: "assets:image",
+      title,
+      "ui:field": "image",
+      "ui:accept": "image/*",
+      "ui:show-img-search": showImgSearch,
+      "ui:no-object-options": noObjectOptions,
+      default: {
+        alt: "Image",
+        fit: "object-cover",
+        position: "object-center"
+      },
+      // "ui:responsive": "desktop",
+      metadata: {
+        category: "content"
+      },
+      ...options
+    }
+  );
+  return schema;
+}
+function imageRef(options = {}) {
+  return typedRef("assets:image", options);
+}
+
+export {
+  image,
+  imageRef
+};
+//# sourceMappingURL=chunk-W6MRYRGJ.js.map

package/dist/shared/{chunk-CCI4C3TM.js.map → chunk-W6MRYRGJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/props/image.ts"],"sourcesContent":["import { type SchemaOptions, Type, type Static, type ObjectOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype PropImageOptions = {\n  defaultImageUrl?: string;\n  showImgSearch?: boolean;\n  noObjectOptions?: boolean;\n} & ObjectOptions;\n\nexport function image(title = \"Image\", options: PropImageOptions = {}) {\n  const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;\n  const schema = Type.Object(\n    {\n      src: Type.String({\n        default: defaultImageUrl,\n        title,\n        description: \"Image URL. Can be a link to an image or a data URI\",\n      }),\n      alt: Type.Optional(\n        Type.String({\n          title: \"Alternate Text\",\n          description: \"Alternative text for the image. Recommended for screen readers and SEO\",\n          \"ui:placeholder\": \"Your image description\",\n        }),\n      ),\n      fit: Type.Optional(\n        StringEnum([\"object-none\", \"object-contain\", \"object-cover\", \"object-fill\", \"object-scale-down\"], {\n          enumNames: [\"None\", \"Contain\", \"Cover\", \"Fill\", \"Scale down\"],\n          title: \"Fit\",\n          description: \"How the image should be resized to fit its container\",\n          default: \"object-cover\",\n          \"ui:field\": \"enum\",\n          \"ui:styleId\": \"styles:objectFit\",\n        }),\n      ),\n      position: Type.Optional(\n        StringEnum(\n          [\n            \"object-top\",\n            \"object-center\",\n            \"object-bottom\",\n            \"object-left\",\n            \"object-right\",\n            \"object-top-left\",\n            \"object-top-right\",\n            \"object-bottom-left\",\n            \"object-bottom-right\",\n          ],\n          {\n            enumNames: [\n              \"Top\",\n              \"Center\",\n              \"Bottom\",\n              \"Left\",\n              \"Right\",\n              \"Top left\",\n              \"Top right\",\n              \"Bottom left\",\n              \"Bottom right\",\n            ],\n            \"ui:styleId\": \"styles:objectPosition\",\n            title: \"Position\",\n            description: \"The position of the image inside its container\",\n            \"ui:field\": \"enum\",\n          },\n        ),\n      ),\n    },\n    {\n      // $id: \"assets:image\",\n      title,\n      \"ui:field\": \"image\",\n      \"ui:accept\": \"image/*\",\n      \"ui:show-img-search\": showImgSearch,\n      \"ui:no-object-options\": noObjectOptions,\n      default: {\n        alt: \"Image\",\n        fit: \"object-cover\",\n        position: \"object-center\",\n      },\n      // \"ui:responsive\": \"desktop\",\n      metadata: {\n        category: \"content\",\n      },\n      ...options,\n    },\n  );\n  return schema;\n}\n\nexport function imageRef(options: PropImageOptions & SchemaOptions = {}) {\n  return typedRef(\"assets:image\", options);\n}\n\nexport type ImageProps = Static<ReturnType<typeof image>>;\n"],"mappings":";;gFAAA,OAA6B,QAAAA,MAA6C,oBAUnE,SAASC,EAAMC,EAAQ,QAASC,EAA4B,CAAC,EAAG,CACrE,GAAM,CAAE,gBAAAC,EAAiB,cAAAC,EAAgB,GAAO,gBAAAC,EAAkB,EAAM,EAAIH,EA6E5E,OA5EeI,EAAK,OAClB,CACE,IAAKA,EAAK,OAAO,CACf,QAASH,EACT,MAAAF,EACA,YAAa,oDACf,CAAC,EACD,IAAKK,EAAK,SACRA,EAAK,OAAO,CACV,MAAO,iBACP,YAAa,yEACb,iBAAkB,wBACpB,CAAC,CACH,EACA,IAAKA,EAAK,SACRC,EAAW,CAAC,cAAe,iBAAkB,eAAgB,cAAe,mBAAmB,EAAG,CAChG,UAAW,CAAC,OAAQ,UAAW,QAAS,OAAQ,YAAY,EAC5D,MAAO,MACP,YAAa,uDACb,QAAS,eACT,WAAY,OACZ,aAAc,kBAChB,CAAC,CACH,EACA,SAAUD,EAAK,SACbC,EACE,CACE,aACA,gBACA,gBACA,cACA,eACA,kBACA,mBACA,qBACA,qBACF,EACA,CACE,UAAW,CACT,MACA,SACA,SACA,OACA,QACA,WACA,YACA,cACA,cACF,EACA,aAAc,wBACd,MAAO,WACP,YAAa,iDACb,WAAY,MACd,CACF,CACF,CACF,EACA,CAEE,MAAAN,EACA,WAAY,QACZ,YAAa,UACb,qBAAsBG,EACtB,uBAAwBC,EACxB,QAAS,CACP,IAAK,QACL,IAAK,eACL,SAAU,eACZ,EAEA,SAAU,CACR,SAAU,SACZ,EACA,GAAGH,CACL,CACF,CAEF,CAEO,SAASM,EAASN,EAA4C,CAAC,EAAG,CACvE,OAAOO,EAAS,eAAgBP,CAAO,CACzC","names":["Type","image","title","options","defaultImageUrl","showImgSearch","noObjectOptions","Type","StringEnum","imageRef","typedRef"]}
+{"version":3,"sources":["../../src/shared/bricks/props/image.ts"],"sourcesContent":["import { type SchemaOptions, Type, type Static, type ObjectOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype PropImageOptions = {\n  defaultImageUrl?: string;\n  showImgSearch?: boolean;\n  noObjectOptions?: boolean;\n} & ObjectOptions;\n\nexport function image(title = \"Image\", options: PropImageOptions = {}) {\n  const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;\n  const schema = Type.Object(\n    {\n      src: Type.String({\n        default: defaultImageUrl,\n        title,\n        description: \"Image URL. Can be a link to an image or a data URI\",\n      }),\n      alt: Type.Optional(\n        Type.String({\n          title: \"Alternate Text\",\n          description: \"Alternative text for the image. Recommended for screen readers and SEO\",\n          \"ui:placeholder\": \"Your image description\",\n        }),\n      ),\n      fit: Type.Optional(\n        StringEnum([\"object-none\", \"object-contain\", \"object-cover\", \"object-fill\", \"object-scale-down\"], {\n          enumNames: [\"None\", \"Contain\", \"Cover\", \"Fill\", \"Scale down\"],\n          title: \"Fit\",\n          description: \"How the image should be resized to fit its container\",\n          default: \"object-cover\",\n          \"ui:field\": \"enum\",\n          \"ui:styleId\": \"styles:objectFit\",\n        }),\n      ),\n      position: Type.Optional(\n        StringEnum(\n          [\n            \"object-top\",\n            \"object-center\",\n            \"object-bottom\",\n            \"object-left\",\n            \"object-right\",\n            \"object-top-left\",\n            \"object-top-right\",\n            \"object-bottom-left\",\n            \"object-bottom-right\",\n          ],\n          {\n            enumNames: [\n              \"Top\",\n              \"Center\",\n              \"Bottom\",\n              \"Left\",\n              \"Right\",\n              \"Top left\",\n              \"Top right\",\n              \"Bottom left\",\n              \"Bottom right\",\n            ],\n            \"ui:styleId\": \"styles:objectPosition\",\n            title: \"Position\",\n            description: \"The position of the image inside its container\",\n            \"ui:field\": \"enum\",\n          },\n        ),\n      ),\n    },\n    {\n      // $id: \"assets:image\",\n      title,\n      \"ui:field\": \"image\",\n      \"ui:accept\": \"image/*\",\n      \"ui:show-img-search\": showImgSearch,\n      \"ui:no-object-options\": noObjectOptions,\n      default: {\n        alt: \"Image\",\n        fit: \"object-cover\",\n        position: \"object-center\",\n      },\n      // \"ui:responsive\": \"desktop\",\n      metadata: {\n        category: \"content\",\n      },\n      ...options,\n    },\n  );\n  return schema;\n}\n\nexport function imageRef(options: PropImageOptions & SchemaOptions = {}) {\n  return typedRef(\"assets:image\", options);\n}\n\nexport type ImageProps = Static<ReturnType<typeof image>>;\n"],"mappings":";;;;;;;;;;AAAA,SAA6B,YAA6C;AAUnE,SAAS,MAAM,QAAQ,SAAS,UAA4B,CAAC,GAAG;AACrE,QAAM,EAAE,iBAAiB,gBAAgB,OAAO,kBAAkB,MAAM,IAAI;AAC5E,QAAM,SAAS,KAAK;AAAA,IAClB;AAAA,MACE,KAAK,KAAK,OAAO;AAAA,QACf,SAAS;AAAA,QACT;AAAA,QACA,aAAa;AAAA,MACf,CAAC;AAAA,MACD,KAAK,KAAK;AAAA,QACR,KAAK,OAAO;AAAA,UACV,OAAO;AAAA,UACP,aAAa;AAAA,UACb,kBAAkB;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,MACA,KAAK,KAAK;AAAA,QACR,WAAW,CAAC,eAAe,kBAAkB,gBAAgB,eAAe,mBAAmB,GAAG;AAAA,UAChG,WAAW,CAAC,QAAQ,WAAW,SAAS,QAAQ,YAAY;AAAA,UAC5D,OAAO;AAAA,UACP,aAAa;AAAA,UACb,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,cAAc;AAAA,QAChB,CAAC;AAAA,MACH;AAAA,MACA,UAAU,KAAK;AAAA,QACb;AAAA,UACE;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,YACE,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,cAAc;AAAA,YACd,OAAO;AAAA,YACP,aAAa;AAAA,YACb,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA;AAAA,MAEE;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,sBAAsB;AAAA,MACtB,wBAAwB;AAAA,MACxB,SAAS;AAAA,QACP,KAAK;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAAA;AAAA,MAEA,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,SAAS,UAA4C,CAAC,GAAG;AACvE,SAAO,SAAS,gBAAgB,OAAO;AACzC;","names":[]}