@upstart.gg/sdk 0.0.136 → 0.0.137

package/dist/shared/{chunk-CRS7QCPZ.js → chunk-7U5WPHXB.js}

@@ -1,25 +1,26 @@
 /*! 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-BHC2A43S.js";
+} from "./chunk-VTCHJT4O.js";
 import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
+  fontSize
+} from "./chunk-2U5U3CCJ.js";
 import {
-  fontSizeRef
-} from "./chunk-F22LDHEO.js";
+  urlOrPageId
+} from "./chunk-SQXZNGQF.js";
 import {
-  string,
-  urlOrPageIdRef
-} from "./chunk-N3ZTQD5I.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/manifests/button.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -41,6 +42,7 @@ 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:
@@ -63,15 +65,15 @@ AVOID:
   props: defineProps(
     {
       colorPreset: Type.Optional(
-        colorPresetRef({
+        colorPreset({
           default: { color: "primary-500" },
           title: "Color",
           "ui:default-gradient-direction": "bg-gradient-to-b"
         })
       ),
-      label: string("Label", { default: "My button", metadata: { category: "content" } }),
+      label: Type.String({ title: "Label", default: "My button", metadata: { category: "content" } }),
       fontSize: Type.Optional(
-        fontSizeRef({
+        fontSize({
           title: "Font size",
           description: "The font size of the button text.",
           default: "text-base",
@@ -80,12 +82,21 @@ AVOID:
         })
       ),
       rounding: Type.Optional(
-        roundingRef({
+        rounding({
           default: "rounded-md"
         })
       ),
-      border: Type.Optional(borderRef({ default: { width: "border-0" }, "ui:responsive": "desktop" })),
-      link: urlOrPageIdRef({
+      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" }
@@ -104,7 +115,8 @@ var examples = [
       link: "/signup",
       colorPreset: { color: "primary-500" },
       fontSize: "text-base",
-      rounding: "rounded-md"
+      rounding: "rounded-md",
+      fill: "solid"
     }
   },
   {
@@ -115,7 +127,8 @@ var examples = [
       link: "/about",
       colorPreset: { color: "secondary-500" },
       fontSize: "text-base",
-      rounding: "rounded-md"
+      rounding: "rounded-md",
+      fill: "outline"
     }
   },
   {
@@ -161,7 +174,7 @@ var examples = [
       colorPreset: { color: "secondary-600" },
       fontSize: "text-base",
       rounding: "rounded-lg",
-      border: { width: "border", color: "border-secondary-800" }
+      fill: "outline"
     }
   },
   // INTERNAL NAVIGATION EXAMPLES
@@ -197,7 +210,7 @@ var examples = [
       colorPreset: { color: "primary-600" },
       fontSize: "text-base",
       rounding: "rounded-md",
-      border: { width: "border", color: "border-primary-800" }
+      fill: "outline"
     }
   },
   {
@@ -243,7 +256,7 @@ var examples = [
       colorPreset: { color: "primary-600" },
       fontSize: "text-xl",
       rounding: "rounded-xl",
-      border: { width: "border-2", color: "border-primary-800" }
+      fill: "outline"
     }
   },
   {
@@ -266,7 +279,7 @@ var examples = [
       colorPreset: { color: "primary-500" },
       fontSize: "text-base",
       rounding: "rounded-none",
-      border: { width: "border-2", color: "border-primary-700" }
+      fill: "outline"
     }
   },
   // GRADIENT EXAMPLES
@@ -296,7 +309,32 @@ var examples = [
       },
       fontSize: "text-base",
       rounding: "rounded-md",
-      border: { width: "border", color: "border-accent-800" }
+      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"
     }
   }
 ];
@@ -305,4 +343,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-CRS7QCPZ.js.map
+//# 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":[]}

package/dist/shared/{chunk-H5JM2M2T.js → chunk-BZTWZC77.js}

@@ -1,36 +1,36 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
 import {
-  defineProps
-} from "./chunk-BHC2A43S.js";
+  border,
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  loopRef
-} from "./chunk-IQIISR22.js";
+  textContent
+} from "./chunk-2U5U3CCJ.js";
 import {
-  textContentRef
-} from "./chunk-F22LDHEO.js";
+  image
+} from "./chunk-DRQKKPTX.js";
 import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
+  urlOrPageId
+} from "./chunk-SQXZNGQF.js";
 import {
-  urlOrPageIdRef
-} from "./chunk-N3ZTQD5I.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  imageRef
-} from "./chunk-W6MRYRGJ.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 import {
   StringEnum
-} from "./chunk-JK2FWFJU.js";
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/manifests/card.manifest.ts
 import { BsCardText } from "react-icons/bs";
@@ -39,7 +39,22 @@ var manifest = defineBrickManifest({
   type: "card",
   name: "Card",
   description: "A card that can have a title, image, and content.",
-  aiInstructions: "Use this brick to create visually distinct content blocks (product, feature, testimonial, event, article, CTA, etc.).\n\nGuidelines:\n- Button is REQUIRED. Always provide a short action label (1\u20133 words) and pick a color matching semantic weight (primary/accent for primary actions, neutral/secondary for low emphasis).\n- Image is OPTIONAL. If present you may set imagePosition to top | middle | bottom. Default is top. Pick middle for vertically centered feature highlights, bottom for caption-first layouts.\n- Set noTitle: true when the card is intentionally title-less (e.g. a quote card or pure media focus). Do NOT include an empty title string alongside noTitle.\n- Use dynamic tokens (e.g. {{products.price}}) instead of duplicating literal values.\n- Prefer gradient presets for more visual emphasis (e.g. primary-gradient-400 with gradientDirection).\n- border + rounding + shadow should be cohesive: stronger borders pair well with larger rounding + moderate shadow; minimal / flat cards may use border-0 + no shadow.\n- For internal navigation you can supply a page ID (e.g. 'about') OR a relative/absolute URL (e.g. '/pricing', 'https://example.com').\n- Keep HTML inside text minimal (<strong>, <em>, <br>) \u2014 for richer structure consider multiple bricks instead.\n- Avoid mixing noTitle with large heading text embedded inside the text field \u2014 in that case keep a proper title.\n\nReturn ONLY valid properties defined in the schema; do not invent new ones.",
+  aiInstructions: `Use this brick to create visually distinct content blocks (product, feature, testimonial, event, article, CTA, etc.).
+
+  Guidelines:
+- Button is REQUIRED.
+- Always provide a short action label (1-3 words) and pick a color matching semantic weight (primary/accent for primary actions, neutral/secondary for low emphasis).
+- Image is OPTIONAL. If present you may set imagePosition to top | middle | bottom. Default is top.
+- Pick middle for vertically centered feature highlights, bottom for caption-first layouts.
+- Set noTitle: true when the card is intentionally title-less (e.g. a quote card or pure media focus).
+- Do NOT include an empty title string alongside noTitle.
+- Use dynamic tokens (e.g. {{products.price}}) instead of duplicating literal values.
+- Prefer gradient presets for more visual emphasis (e.g. primary-gradient-400 with gradientDirection).
+- border + rounding + shadow should be cohesive: stronger borders pair well with larger rounding + moderate shadow; minimal / flat cards may use border-0 + no shadow.
+- For internal navigation you can supply a page ID (e.g. 'about') OR a relative/absolute URL (e.g. '/pricing', 'https://example.com').
+- Keep HTML inside text minimal (<strong>, <em>, <br>) \u2014 for richer structure consider multiple bricks instead.
+- Avoid mixing noTitle with large heading text embedded inside the text field \u2014 in that case keep a proper title.
+- Return ONLY valid properties defined in the schema; do not invent new ones.`,
   icon: BsCardText,
   defaultWidth: { desktop: "400px", mobile: "100%" },
   minWidth: { desktop: 300 },
@@ -47,13 +62,13 @@ var manifest = defineBrickManifest({
   maxWidth: { desktop: 650 },
   props: defineProps({
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color preset",
         default: { color: "base-100" }
       })
     ),
     cardImage: Type.Optional(
-      imageRef({
+      image({
         "ui:responsive": "desktop",
         metadata: {
           category: "content"
@@ -83,24 +98,24 @@ var manifest = defineBrickManifest({
         "ui:responsive": "desktop"
       })
     ),
-    title: Type.Optional(textContentRef({ title: "Title" })),
-    text: Type.Optional(textContentRef({ title: "Text" })),
+    title: Type.Optional(textContent({ title: "Title" })),
+    text: Type.Optional(textContent({ title: "Text" })),
     rounding: Type.Optional(
-      roundingRef({
+      rounding({
         default: "rounded-md"
       })
     ),
     border: Type.Optional(
-      borderRef({
+      border({
         // default: { width: "border", color: "border-base-300" },
       })
     ),
     shadow: Type.Optional(
-      shadowRef({
+      shadow({
         default: "shadow-sm"
       })
     ),
-    loop: Type.Optional(loopRef()),
+    loop: Type.Optional(loop()),
     button: Type.Object(
       {
         label: Type.String({
@@ -111,7 +126,7 @@ var manifest = defineBrickManifest({
             category: "content"
           }
         }),
-        url: urlOrPageIdRef({
+        url: urlOrPageId({
           title: "Button URL",
           description: "The URL the button should link to.",
           metadata: {
@@ -512,4 +527,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-H5JM2M2T.js.map
+//# sourceMappingURL=chunk-BZTWZC77.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/card.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { textContent } from \"../props/text\";\nimport { BsCardText } from \"react-icons/bs\";\nimport { image } from \"../props/image\";\nimport { type Static, Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { shadow } from \"../props/effects\";\nimport { border, rounding } from \"../props/border\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { urlOrPageId } from \"../props/string\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"card\",\n  name: \"Card\",\n  description: \"A card that can have a title, image, and content.\",\n  aiInstructions: `Use this brick to create visually distinct content blocks (product, feature, testimonial, event, article, CTA, etc.).\n\n  Guidelines:\n- Button is REQUIRED.\n- Always provide a short action label (1-3 words) and pick a color matching semantic weight (primary/accent for primary actions, neutral/secondary for low emphasis).\n- Image is OPTIONAL. If present you may set imagePosition to top | middle | bottom. Default is top.\n- Pick middle for vertically centered feature highlights, bottom for caption-first layouts.\n- Set noTitle: true when the card is intentionally title-less (e.g. a quote card or pure media focus).\n- Do NOT include an empty title string alongside noTitle.\n- Use dynamic tokens (e.g. {{products.price}}) instead of duplicating literal values.\n- Prefer gradient presets for more visual emphasis (e.g. primary-gradient-400 with gradientDirection).\n- border + rounding + shadow should be cohesive: stronger borders pair well with larger rounding + moderate shadow; minimal / flat cards may use border-0 + no shadow.\n- For internal navigation you can supply a page ID (e.g. 'about') OR a relative/absolute URL (e.g. '/pricing', 'https://example.com').\n- Keep HTML inside text minimal (<strong>, <em>, <br>) — for richer structure consider multiple bricks instead.\n- Avoid mixing noTitle with large heading text embedded inside the text field — in that case keep a proper title.\n- Return ONLY valid properties defined in the schema; do not invent new ones.`,\n  icon: BsCardText,\n  defaultWidth: { desktop: \"400px\", mobile: \"100%\" },\n  minWidth: { desktop: 300 },\n  minHeight: { mobile: 200, desktop: 200 },\n  maxWidth: { desktop: 650 },\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color preset\",\n        default: { color: \"base-100\" },\n      }),\n    ),\n\n    cardImage: Type.Optional(\n      image({\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    imagePosition: Type.Optional(\n      StringEnum([\"top\", \"middle\", \"bottom\"], {\n        enumNames: [\"Top\", \"Middle\", \"Bottom\"],\n        title: \"Image Position\",\n        description: \"Where the image should be placed in the card\",\n        default: \"top\",\n        \"ui:responsive\": \"desktop\",\n        metadata: {\n          category: \"content\",\n          filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n            return !!formData.cardImage?.src;\n          },\n        },\n      }),\n    ),\n    noTitle: Type.Optional(\n      Type.Boolean({\n        title: \"No Title\",\n        description: \"Whether to hide the card title\",\n        default: false,\n        \"ui:responsive\": \"desktop\",\n      }),\n    ),\n    title: Type.Optional(textContent({ title: \"Title\" })),\n    text: Type.Optional(textContent({ title: \"Text\" })),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(\n      border({\n        // default: { width: \"border\", color: \"border-base-300\" },\n      }),\n    ),\n    shadow: Type.Optional(\n      shadow({\n        default: \"shadow-sm\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n    button: Type.Object(\n      {\n        label: Type.String({\n          title: \"Button label\",\n          default: \"Click me\",\n          examples: [\"Learn more\", \"Buy now\", \"Sign up\"],\n          metadata: {\n            category: \"content\",\n          },\n        }),\n        url: urlOrPageId({\n          title: \"Button URL\",\n          description: \"The URL the button should link to.\",\n          metadata: {\n            category: \"content\",\n          },\n        }),\n        color: Type.Optional(\n          StringEnum([\"btn-neutral\", \"btn-primary\", \"btn-secondary\", \"btn-accent\"], {\n            enumNames: [\"Neutral\", \"Primary\", \"Secondary\", \"Accent\"],\n            title: \"Color\",\n            default: \"btn-primary\",\n          }),\n        ),\n      },\n      { title: \"Button\", description: \"Button displayed at the bottom of the card\" },\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A simple card with a title and content\",\n    type: \"card\",\n    props: {\n      title: \"Card Title\",\n      text: \"This is the body of the card.\",\n      button: {\n        label: \"Learn more\",\n        url: \"/learn-more\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  // IMAGE POSITION MIDDLE VARIANT\n  {\n    description: \"Feature highlight card with centered image (imagePosition=middle)\",\n    type: \"card\",\n    props: {\n      cardImage: { src: \"https://via.placeholder.com/420x240\", alt: \"Feature visual\" },\n      imagePosition: \"middle\",\n      title: \"Blazing Performance\",\n      text: \"Our new engine reduces processing time by 45% while maintaining reliability.\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      button: { label: \"Learn More\", url: \"/features/performance\", color: \"btn-primary\" },\n    },\n  },\n  // IMAGE POSITION BOTTOM VARIANT\n  {\n    description: \"Case study card with image at the bottom (imagePosition=bottom)\",\n    type: \"card\",\n    props: {\n      title: \"Case Study: ScaleOps\",\n      text: \"How ScaleOps handled 10x growth with zero downtime using our platform.\",\n      cardImage: { src: \"https://via.placeholder.com/600x260\", alt: \"Scale graph\" },\n      imagePosition: \"bottom\",\n      colorPreset: { color: \"secondary-50\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: { label: \"Read Study\", url: \"/cases/scaleops\", color: \"btn-secondary\" },\n    },\n  },\n  // NO TITLE VARIANT\n  {\n    description: \"Quote / testimonial style card without a title (uses noTitle=true)\",\n    type: \"card\",\n    props: {\n      noTitle: true,\n      text: '\"This toolkit accelerated our launch by weeks — the component quality is outstanding.\"<br><em>— CTO, FinEdge</em>',\n      colorPreset: { color: \"neutral-100\" },\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-sm\",\n      button: { label: \"See More\", url: \"/testimonials\", color: \"btn-neutral\" },\n    },\n  },\n  // INTERNAL PAGE ID LINK VARIANT\n  {\n    description: \"Internal navigation card using a page ID instead of a URL\",\n    type: \"card\",\n    props: {\n      title: \"About Our Mission\",\n      text: \"Learn how we're building an open, extensible site generation platform for modern teams.\",\n      colorPreset: { color: \"base-100\" },\n      rounding: \"rounded-md\",\n      button: { label: \"About Us\", url: \"about\", color: \"btn-primary\" },\n    },\n  },\n  // GRADIENT & STRONG BORDER VARIANT\n  {\n    description: \"High-emphasis promotional card using gradient background and thick border\",\n    type: \"card\",\n    props: {\n      title: \"Limited Time Offer\",\n      text: \"Upgrade now and receive a complimentary strategy session plus extended analytics access.\",\n      colorPreset: { color: \"primary-gradient-400\", gradientDirection: \"bg-gradient-to-tr\" },\n      border: { width: \"border-4\", color: \"border-primary-400\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: { label: \"Upgrade\", url: \"/pricing\", color: \"btn-accent\" },\n    },\n  },\n  // MINIMAL / FLAT VARIANT (no border, no shadow, subtle preset)\n  {\n    description: \"Minimal flat information card (border-0, no shadow)\",\n    type: \"card\",\n    props: {\n      title: \"Maintenance Window\",\n      text: \"Scheduled maintenance on Saturday 02:00–03:00 UTC. API responses may be delayed.\",\n      colorPreset: { color: \"neutral-50\" },\n      border: { width: \"border-0\", color: \"border-neutral-200\" },\n      button: { label: \"Status Page\", url: \"/status\", color: \"btn-neutral\" },\n    },\n  },\n  // DARK / INVERTED VARIANT\n  {\n    description: \"Dark themed spotlight card (primary-800 background)\",\n    type: \"card\",\n    props: {\n      title: \"Night Mode Preview\",\n      text: \"Experience the new adaptive dark theme optimized for low ambient light environments.\",\n      colorPreset: { color: \"primary-800\" },\n      border: { width: \"border\", color: \"border-primary-600\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: { label: \"Preview\", url: \"/themes/dark\", color: \"btn-primary\" },\n    },\n  },\n  {\n    description: \"Feature card with large padding and background\",\n    type: \"card\",\n    props: {\n      title: \"Key Feature\",\n      text: \"This feature provides exceptional value and enhances user experience significantly.\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"Discover More\",\n        url: \"/features\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card with image at the bottom\",\n    type: \"card\",\n    props: {\n      title: \"Future of Tech\",\n      text: \"Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.\",\n      cardImage: {\n        src: \"https://via.placeholder.com/400x200\",\n        alt: \"Technology concept\",\n      },\n      button: {\n        label: \"Read More\",\n        url: \"/blog/{{ blogPosts.$slug }}\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Minimal centered card without image\",\n    type: \"card\",\n    props: {\n      title: \"Simple Announcement\",\n      text: \"Important updates will be posted here regularly.\",\n      button: {\n        label: \"View Updates\",\n        url: \"/updates\",\n        color: \"btn-neutral\",\n      },\n    },\n  },\n  {\n    description: \"Event card with multiple variants\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/400x250\",\n        alt: \"Event venue\",\n      },\n      title: \"Annual Conference 2025\",\n      text: \"Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.\",\n      button: {\n        label: \"Register Now\",\n        url: \"/events/conference-2025\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"News article card with compact layout\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"https://via.placeholder.com/120x120\",\n        alt: \"News thumbnail\",\n      },\n      title: \"Breaking News Update\",\n      text: \"Latest developments in the ongoing story with expert analysis and community reactions.\",\n      button: {\n        label: \"Read Full Article\",\n        url: \"/news/breaking-update\",\n        color: \"btn-secondary\",\n      },\n    },\n  },\n  {\n    description: \"Call-to-action card with prominent styling\",\n    type: \"card\",\n    props: {\n      title: \"Get Started Today\",\n      text: \"Transform your workflow with our powerful tools. Sign up now and get 30 days free!\",\n      button: {\n        label: \"Sign Up Now\",\n        url: \"/signup\",\n        color: \"btn-primary\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic product card using products query with pricing and details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{products.image}}\",\n        alt: \"{{products.name}}\",\n      },\n      title: \"{{products.name}}\",\n      text: \"{{products.description}}<br><strong>Price: ${{products.price}}</strong><br>Category: {{products.category}}\",\n      colorPreset: { color: \"primary-50\" },\n      border: { width: \"border\", color: \"border-primary-200\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Buy Now\",\n        url: \"{{products.purchaseUrl}}\",\n        color: \"btn-primary\",\n      },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Employee profile card using teamMembers query with contact information\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{teamMembers.photo}}\",\n        alt: \"Photo of {{teamMembers.fullName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{teamMembers.fullName}}\",\n      text: \"<strong>{{teamMembers.position}}</strong><br>{{teamMembers.department}}<br>Email: {{teamMembers.email}}<br>Phone: {{teamMembers.phone}}\",\n      colorPreset: { color: \"neutral-100\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: {\n        label: \"Contact\",\n        url: \"mailto:{{teamMembers.email}}\",\n        color: \"btn-neutral\",\n      },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n  {\n    description: \"Blog post card using blogPosts query with author and date\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{blogPosts.featuredImage}}\",\n        alt: \"{{blogPosts.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{blogPosts.title}}\",\n      text: \"{{blogPosts.excerpt}}<br><br><em>By {{blogPosts.author}} • {{blogPosts.publishDate}}</em><br>Tags: {{blogPosts.tags}}\",\n      colorPreset: { color: \"secondary-50\" },\n      border: { width: \"border\", color: \"border-secondary-300\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"Read More\",\n        url: \"{{blogPosts.url}}\",\n        color: \"btn-secondary\",\n      },\n      loop: {\n        over: \"blogPosts\",\n      },\n    },\n  },\n  {\n    description: \"Event listing card using upcomingEvents query with venue details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{upcomingEvents.banner}}\",\n        alt: \"{{upcomingEvents.title}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{upcomingEvents.title}}\",\n      text: \"<strong>{{upcomingEvents.date}} at {{upcomingEvents.time}}</strong><br>{{upcomingEvents.venue}}, {{upcomingEvents.city}}<br><br>{{upcomingEvents.description}}<br><br>Tickets: ${{upcomingEvents.price}}\",\n      colorPreset: { color: \"accent-100\" },\n      border: { width: \"border-2\", color: \"border-accent-400\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Book Tickets\",\n        url: \"{{upcomingEvents.ticketUrl}}\",\n        color: \"btn-accent\",\n      },\n      loop: {\n        over: \"upcomingEvents\",\n      },\n    },\n  },\n  {\n    description: \"Testimonial card using customerReviews query with ratings\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{customerReviews.customerPhoto}}\",\n        alt: \"{{customerReviews.customerName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{customerReviews.customerName}}\",\n      text: '\"{{customerReviews.review}}\"<br><br><strong>Rating: {{customerReviews.rating}}/5 stars</strong><br>{{customerReviews.company}} • {{customerReviews.position}}',\n      colorPreset: { color: \"neutral-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      button: {\n        label: \"See All Reviews\",\n        url: \"/reviews\",\n        color: \"btn-neutral\",\n      },\n      loop: {\n        over: \"customerReviews\",\n      },\n    },\n  },\n  {\n    description: \"Service offering card using companyServices query with pricing tiers\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{companyServices.icon}}\",\n        alt: \"{{companyServices.serviceName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{companyServices.serviceName}}\",\n      text: \"{{companyServices.description}}<br><br><strong>Starting at ${{companyServices.startingPrice}}</strong><br>Duration: {{companyServices.duration}}<br>Includes: {{companyServices.features}}\",\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border\", color: \"border-primary-300\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n      button: {\n        label: \"Learn More\",\n        url: \"{{companyServices.detailsUrl}}\",\n        color: \"btn-primary\",\n      },\n      loop: {\n        over: \"companyServices\",\n      },\n    },\n  },\n  {\n    description: \"Portfolio project card using portfolioWork query with project details\",\n    type: \"card\",\n    props: {\n      cardImage: {\n        src: \"{{portfolioWork.thumbnail}}\",\n        alt: \"{{portfolioWork.projectName}}\",\n      },\n      imagePosition: \"top\",\n      title: \"{{portfolioWork.projectName}}\",\n      text: \"<strong>Client:</strong> {{portfolioWork.clientName}}<br><strong>Year:</strong> {{portfolioWork.year}}<br><strong>Category:</strong> {{portfolioWork.category}}<br><br>{{portfolioWork.description}}\",\n      colorPreset: { color: \"secondary-100\" },\n      rounding: \"rounded-md\",\n      shadow: \"shadow-sm\",\n      button: {\n        label: \"View Project\",\n        url: \"{{portfolioWork.projectUrl}}\",\n        color: \"btn-secondary\",\n      },\n      loop: {\n        over: \"portfolioWork\",\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,kBAAkB;AAE3B,SAAsB,YAAY;AAU3B,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBhB,MAAM;AAAA,EACN,cAAc,EAAE,SAAS,SAAS,QAAQ,OAAO;AAAA,EACjD,UAAU,EAAE,SAAS,IAAI;AAAA,EACzB,WAAW,EAAE,QAAQ,KAAK,SAAS,IAAI;AAAA,EACvC,UAAU,EAAE,SAAS,IAAI;AAAA,EACzB,OAAO,YAAY;AAAA,IACjB,aAAa,KAAK;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,QACP,SAAS,EAAE,OAAO,WAAW;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,KAAK;AAAA,MACd,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,UAAU;AAAA,UACR,UAAU;AAAA,QACZ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,eAAe,KAAK;AAAA,MAClB,WAAW,CAAC,OAAO,UAAU,QAAQ,GAAG;AAAA,QACtC,WAAW,CAAC,OAAO,UAAU,QAAQ;AAAA,QACrC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,UAAU;AAAA,UACR,UAAU;AAAA,UACV,QAAQ,CAAC,eAAkC,aAAwC;AACjF,mBAAO,CAAC,CAAC,SAAS,WAAW;AAAA,UAC/B;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,SAAS,KAAK;AAAA,MACZ,KAAK,QAAQ;AAAA,QACX,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,IACA,OAAO,KAAK,SAAS,YAAY,EAAE,OAAO,QAAQ,CAAC,CAAC;AAAA,IACpD,MAAM,KAAK,SAAS,YAAY,EAAE,OAAO,OAAO,CAAC,CAAC;AAAA,IAClD,UAAU,KAAK;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,QAAQ,KAAK;AAAA,MACX,OAAO;AAAA;AAAA,MAEP,CAAC;AAAA,IACH;AAAA,IACA,QAAQ,KAAK;AAAA,MACX,OAAO;AAAA,QACL,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,MAAM,KAAK,SAAS,KAAK,CAAC;AAAA,IAC1B,QAAQ,KAAK;AAAA,MACX;AAAA,QACE,OAAO,KAAK,OAAO;AAAA,UACjB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU,CAAC,cAAc,WAAW,SAAS;AAAA,UAC7C,UAAU;AAAA,YACR,UAAU;AAAA,UACZ;AAAA,QACF,CAAC;AAAA,QACD,KAAK,YAAY;AAAA,UACf,OAAO;AAAA,UACP,aAAa;AAAA,UACb,UAAU;AAAA,YACR,UAAU;AAAA,UACZ;AAAA,QACF,CAAC;AAAA,QACD,OAAO,KAAK;AAAA,UACV,WAAW,CAAC,eAAe,eAAe,iBAAiB,YAAY,GAAG;AAAA,YACxE,WAAW,CAAC,WAAW,WAAW,aAAa,QAAQ;AAAA,YACvD,OAAO;AAAA,YACP,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,EAAE,OAAO,UAAU,aAAa,6CAA6C;AAAA,IAC/E;AAAA,EACF,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW,EAAE,KAAK,uCAAuC,KAAK,iBAAiB;AAAA,MAC/E,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,cAAc,KAAK,yBAAyB,OAAO,cAAc;AAAA,IACpF;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW,EAAE,KAAK,uCAAuC,KAAK,cAAc;AAAA,MAC5E,eAAe;AAAA,MACf,aAAa,EAAE,OAAO,eAAe;AAAA,MACrC,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,cAAc,KAAK,mBAAmB,OAAO,gBAAgB;AAAA,IAChF;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,YAAY,KAAK,iBAAiB,OAAO,cAAc;AAAA,IAC1E;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,WAAW;AAAA,MACjC,UAAU;AAAA,MACV,QAAQ,EAAE,OAAO,YAAY,KAAK,SAAS,OAAO,cAAc;AAAA,IAClE;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,wBAAwB,mBAAmB,oBAAoB;AAAA,MACrF,QAAQ,EAAE,OAAO,YAAY,OAAO,qBAAqB;AAAA,MACzD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,WAAW,KAAK,YAAY,OAAO,aAAa;AAAA,IACnE;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,aAAa;AAAA,MACnC,QAAQ,EAAE,OAAO,YAAY,OAAO,qBAAqB;AAAA,MACzD,QAAQ,EAAE,OAAO,eAAe,KAAK,WAAW,OAAO,cAAc;AAAA,IACvE;AAAA,EACF;AAAA;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,WAAW,KAAK,gBAAgB,OAAO,cAAc;AAAA,IACxE;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,aAAa;AAAA,MACnC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,aAAa;AAAA,MACnC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,eAAe;AAAA,MACrC,QAAQ,EAAE,OAAO,UAAU,OAAO,uBAAuB;AAAA,MACzD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,aAAa;AAAA,MACnC,QAAQ,EAAE,OAAO,YAAY,OAAO,oBAAoB;AAAA,MACxD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,aAAa;AAAA,MACnC,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,qBAAqB;AAAA,MACvD,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa,EAAE,OAAO,gBAAgB;AAAA,MACtC,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/shared/{chunk-LLNPH3XR.js → chunk-DCM4732T.js}

@@ -8,16 +8,14 @@ import {
 } from "./chunk-7LAWWRU7.js";
 import {
   airtableOptions
-} from "./chunk-CSF2WQX2.js";
+} from "./chunk-EID5HPF3.js";
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/datarecords/types.ts
 import { Type } from "@sinclair/typebox";
-var connectorSchema = Type.Union([
-  Type.Literal("airtable"),
-  Type.Literal("google-sheets"),
-  Type.Literal("notion"),
-  Type.Literal("internal")
-]);
+var connectorSchema = StringEnum(["airtable", "google-sheets", "notion", "internal"]);
 var internalDatarecord = Type.Object(
   {
     provider: Type.Literal("internal"),
@@ -145,4 +143,4 @@ export {
   genericDatarecord,
   datarecordsList
 };
-//# sourceMappingURL=chunk-LLNPH3XR.js.map
+//# sourceMappingURL=chunk-DCM4732T.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/datarecords/types.ts"],"sourcesContent":["import { Type, type Static } from \"@sinclair/typebox\";\nimport { airtableOptions } from \"./external/airtable/types\";\nimport { googleSheetsOptions } from \"./external/google/sheets/types\";\nimport { notionOptions } from \"./external/notion/types\";\nimport { StringEnum } from \"../utils/string-enum\";\n\nexport const connectorSchema = StringEnum([\"airtable\", \"google-sheets\", \"notion\", \"internal\"]);\n\nexport type DatarecordConnector = Static<typeof connectorSchema>;\n\nconst internalDatarecord = Type.Object(\n  {\n    provider: Type.Literal(\"internal\"),\n    // options: Type.Optional(Type.Any()),\n    schema: Type.Any({\n      title: \"Schema\",\n      description:\n        \"JSON Schema of the datarecord. Always of type 'object' and representing a row that will be saved in the database.\",\n      examples: [\n        {\n          type: \"object\",\n          properties: {\n            firstname: { type: \"string\", title: \"Firstname\" },\n            lastname: { type: \"string\", title: \"Lastname\" },\n            email: { type: \"string\", format: \"email\", title: \"Email\" },\n          },\n          required: [\"email\"],\n          title: \"Newsletter Subscription\",\n        },\n      ],\n    }),\n    indexes: Type.Array(\n      Type.Object(\n        {\n          name: Type.String({ title: \"Index name\" }),\n          fields: Type.Array(Type.String(), { title: \"Fields to index\" }),\n          unique: Type.Optional(Type.Boolean({ title: \"Unique index\", default: false })),\n        },\n        {\n          examples: [\n            {\n              name: \"unique_email_index\",\n              fields: [\"email\"],\n              unique: true,\n            },\n            {\n              name: \"lastname_index\",\n              fields: [\"lastname\"],\n            },\n          ],\n        },\n      ),\n      {\n        title: \"Indexes\",\n        description:\n          \"IMPORTANT: Indexes to create on the datarecord. use it to enforce uniqueness or improve query performance.\",\n      },\n    ),\n  },\n  {\n    examples: [\n      {\n        provider: \"internal\",\n        schema: {\n          type: \"object\",\n          properties: {\n            firstname: { type: \"string\", title: \"Firstname\" },\n            lastname: { type: \"string\", title: \"Lastname\" },\n            email: { type: \"string\", format: \"email\", title: \"Email\" },\n          },\n          required: [\"email\"],\n          title: \"Newsletter Subscription\",\n        },\n        indexes: [\n          {\n            name: \"email_index\",\n            fields: [\"email\"],\n            unique: true,\n          },\n        ],\n      },\n    ],\n  },\n);\n\n// Schema commun à tous les datarecords\nconst commonDatarecordSchema = Type.Object({\n  schema: Type.Any({\n    title: \"Schema\",\n    description:\n      \"JSON Schema of the datarecord. Always of type 'object' and representing a row that will be saved.\",\n    examples: [\n      {\n        type: \"object\",\n        properties: {\n          firstname: { type: \"string\", title: \"Firstname\" },\n          lastname: { type: \"string\", title: \"Lastname\" },\n          email: { type: \"string\", format: \"email\", title: \"Email\" },\n        },\n        required: [\"email\"],\n        title: \"Newsletter Subscription\",\n      },\n    ],\n  }),\n});\n\nconst commonDatarecordMetadata = Type.Object({\n  id: Type.String({\n    title: \"Datarecord ID\",\n    comment: \"A unique identifier for the datarecord, e.g., 'newsletter_subscriptions'\",\n  }),\n  label: Type.String({\n    title: \"Name of the datarecord\",\n    comment: \"For example, 'Newsletter Subscriptions'\",\n  }),\n  description: Type.Optional(Type.String({ title: \"Description of the datarecord\" })),\n});\n\nexport const genericDatarecord = Type.Composite([\n  Type.Union([\n    Type.Object({\n      provider: Type.Literal(\"airtable\"),\n      options: airtableOptions,\n    }),\n    Type.Object({\n      provider: Type.Literal(\"google-sheets\"),\n      options: googleSheetsOptions,\n    }),\n    Type.Object({\n      provider: Type.Literal(\"notion\"),\n      options: notionOptions,\n    }),\n    internalDatarecord,\n  ]),\n  commonDatarecordMetadata,\n  commonDatarecordSchema,\n]);\n\nexport type Datarecord = Static<typeof genericDatarecord>;\nexport type InternalDatarecord = Extract<Datarecord, { provider: \"internal\" }>;\n\nexport const datarecordsList = Type.Array(genericDatarecord);\nexport type DatarecordsList = Static<typeof datarecordsList>;\n"],"mappings":"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","names":[]}

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

@@ -1,21 +1,17 @@
 /*! 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";
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/props/image.ts
 import { Type } from "@sinclair/typebox";
-function image(title = "Image", options = {}) {
+function image(options = {}) {
   const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;
   const schema = Type.Object(
     {
       src: Type.String({
-        default: defaultImageUrl,
-        title,
+        title: options.title ?? "Image URL",
         description: "Image URL. Can be a link to an image or a data URI"
       }),
       alt: Type.Optional(
@@ -30,7 +26,6 @@ function image(title = "Image", options = {}) {
           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"
         })
@@ -70,16 +65,11 @@ function image(title = "Image", options = {}) {
     },
     {
       // $id: "assets:image",
-      title,
+      title: "Image",
       "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"
@@ -89,12 +79,8 @@ function image(title = "Image", options = {}) {
   );
   return schema;
 }
-function imageRef(options = {}) {
-  return typedRef("assets:image", options);
-}
 
 export {
-  image,
-  imageRef
+  image
 };
-//# sourceMappingURL=chunk-W6MRYRGJ.js.map
+//# sourceMappingURL=chunk-DRQKKPTX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/image.ts"],"sourcesContent":["import { Type, type Static, type ObjectOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\ntype PropImageOptions = {\n  defaultImageUrl?: string;\n  showImgSearch?: boolean;\n  noObjectOptions?: boolean;\n} & ObjectOptions;\n\nexport function image(options: PropImageOptions = {}) {\n  const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;\n  const schema = Type.Object(\n    {\n      src: Type.String({\n        title: options.title ?? \"Image URL\",\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          \"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: \"Image\",\n      \"ui:field\": \"image\",\n      \"ui:accept\": \"image/*\",\n      \"ui:show-img-search\": showImgSearch,\n      \"ui:no-object-options\": noObjectOptions,\n      // \"ui:responsive\": \"desktop\",\n      metadata: {\n        category: \"content\",\n      },\n      ...options,\n    },\n  );\n  return schema;\n}\n\nexport type ImageProps = Static<ReturnType<typeof image>>;\n"],"mappings":";;;;;;;AAAA,SAAS,YAA6C;AAS/C,SAAS,MAAM,UAA4B,CAAC,GAAG;AACpD,QAAM,EAAE,iBAAiB,gBAAgB,OAAO,kBAAkB,MAAM,IAAI;AAC5E,QAAM,SAAS,KAAK;AAAA,IAClB;AAAA,MACE,KAAK,KAAK,OAAO;AAAA,QACf,OAAO,QAAQ,SAAS;AAAA,QACxB,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,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,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,sBAAsB;AAAA,MACtB,wBAAwB;AAAA;AAAA,MAExB,UAAU;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/shared/{chunk-CSF2WQX2.js → chunk-EID5HPF3.js}

@@ -1,5 +1,8 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/datarecords/external/airtable/types.ts
 import { Type } from "@sinclair/typebox";
@@ -39,17 +42,17 @@ var airtableOptions = Type.Object({
   ),
   fields: Type.Optional(airtableFields)
 });
-var AirtableFieldTypes = Type.Union([
-  Type.Literal("number"),
-  Type.Literal("checkbox"),
-  Type.Literal("date"),
-  Type.Literal("dateTime"),
-  Type.Literal("email"),
-  Type.Literal("url"),
-  Type.Literal("singleLineText"),
-  Type.Literal("multilineText"),
-  Type.Literal("singleSelect"),
-  Type.Literal("multipleSelects")
+var AirtableFieldTypes = StringEnum([
+  "number",
+  "checkbox",
+  "date",
+  "dateTime",
+  "email",
+  "url",
+  "singleLineText",
+  "multilineText",
+  "singleSelect",
+  "multipleSelects"
 ]);
 
 export {
@@ -57,4 +60,4 @@ export {
   airtableOptions,
   AirtableFieldTypes
 };
-//# sourceMappingURL=chunk-CSF2WQX2.js.map
+//# sourceMappingURL=chunk-EID5HPF3.js.map