@upstart.gg/sdk 0.0.135 → 0.0.137

package/dist/shared/{chunk-QQQ3FYPG.js → chunk-XK2CERPB.js}

@@ -4,34 +4,31 @@ import {
   datarecord
 } from "./chunk-HPCCD6V5.js";
 import {
-  defineProps,
-  group
-} from "./chunk-BHC2A43S.js";
-import {
-  defineBrickManifest
-} from "./chunk-TB3X4LRQ.js";
+  direction
+} from "./chunk-WPZV3LYL.js";
 import {
-  fontSizeRef
-} from "./chunk-F22LDHEO.js";
+  border,
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  directionRef
-} from "./chunk-Y74LZNND.js";
+  defineProps,
+  group
+} from "./chunk-VTCHJT4O.js";
 import {
-  string
-} from "./chunk-UQF52PWK.js";
+  fontSize
+} from "./chunk-2U5U3CCJ.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 import {
   StringEnum
-} from "./chunk-JK2FWFJU.js";
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/manifests/form.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -40,8 +37,43 @@ var manifest = defineBrickManifest({
   type: "form",
   name: "Form",
   description: "A form element.",
-  aiInstructions: `The form brick automatically renders form fields based on the datarecord id provided in the props.
-There is no need to define the form fields manually and the form does not accept any children`,
+  aiInstructions: `PURPOSE
+Dynamic form generator. Fields are inferred from the referenced datarecord schema (datarecordId). You NEVER list fields manually and the form does not accept children.
+
+REQUIRED
+\u2022 datarecordId must reference an existing datarecord definition.
+
+COLOR & STYLE
+\u2022 Optional colorPreset sets background + text. If omitted the form inherits parent background.
+\u2022 Allowed tokens: primary-/secondary-/accent-/neutral-/base-*** (and gradient variants). Do NOT invent success, warning, danger, info, etc. Map them (success->secondary or primary; warning->accent; danger->accent/primary).
+\u2022 Use rounding + border + padding for emphasis. Keep padding modest (1\u20133rem) unless it's a feature form hero (max ~4rem).
+
+LAYOUT
+\u2022 direction controls stacking (flex-col vs flex-row). Wide multi-column layouts usually flex-row on desktop, stacked (flex-col) on mobile.
+\u2022 Use mobileProps to reduce padding or switch direction ONLY if necessary. (If switching direction, you must repeat required props.)
+
+BUTTON GROUP
+\u2022 Only supply button overrides you actually change (color, size, position, rounding). Unspecified values fallback to defaults.
+\u2022 If button.size = wide then hide position (handled by schema metadata automatically\u2014don't circumvent).
+
+CONTENT STRINGS
+\u2022 title, intro, buttonLabel, successMessage, errorMessage should be concise.
+\u2022 Avoid marketing fluff inside intro beyond one short paragraph.
+
+DYNAMIC DATA
+\u2022 Do not interpolate inside datarecordId (it must be a static id).
+\u2022 You MAY interpolate page queries aliases in title/intro (e.g. "Apply for {{job.title}}") if those fields exist in surrounding dataset context.
+
+DON'TS
+\u2717 Don't invent props.
+\u2717 Don't add HTML tags except basic inline markup if absolutely needed (prefer plain text).
+\u2717 Don't set impossible color tokens.
+
+DO
+\u2713 Keep examples lean.
+\u2713 Use semantic color mapping guidelines.
+\u2713 Provide accessible, human-readable labels.
+`,
   isContainer: false,
   icon: FaWpforms,
   minWidth: {
@@ -53,13 +85,13 @@ There is no need to define the form fields manually and the form does not accept
       "ui:responsive": "desktop"
     }),
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color",
         default: "base-200"
       })
     ),
     direction: Type.Optional(
-      directionRef({
+      direction({
         title: "Direction",
         description: "The direction of the form fields",
         default: "flex-col",
@@ -68,7 +100,7 @@ There is no need to define the form fields manually and the form does not accept
       })
     ),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         default: "2rem",
         description: "Padding inside the form.",
         title: "Padding",
@@ -78,12 +110,12 @@ There is no need to define the form fields manually and the form does not accept
       })
     ),
     rounding: Type.Optional(
-      roundingRef({
+      rounding({
         default: "rounded-md"
       })
     ),
-    border: Type.Optional(borderRef({})),
-    fontSize: Type.Optional(fontSizeRef({ default: "inherit", "ui:no-extra-large-sizes": true })),
+    border: Type.Optional(border({})),
+    fontSize: Type.Optional(fontSize({ default: "inherit", "ui:no-extra-large-sizes": true })),
     button: group({
       title: "Button",
       children: {
@@ -117,7 +149,7 @@ There is no need to define the form fields manually and the form does not accept
             }
           })
         ),
-        rounding: Type.Optional(roundingRef({ default: "rounded-md" }))
+        rounding: rounding({ default: "rounded-md" })
       }
     }),
     title: Type.Optional(
@@ -140,7 +172,8 @@ There is no need to define the form fields manually and the form does not accept
       })
     ),
     buttonLabel: Type.Optional(
-      string("Button Label", {
+      Type.String({
+        title: "Button label",
         default: "Submit",
         metadata: { category: "content" }
       })
@@ -196,6 +229,30 @@ var examples = [
       }
     }
   },
+  {
+    description: "Responsive newsletter subscription: desktop horizontal -> mobile vertical",
+    type: "form",
+    props: {
+      title: "Stay Updated",
+      intro: "Subscribe for product news and occasional tips.",
+      direction: "flex-row",
+      datarecordId: "newsletter-subscription",
+      padding: "3rem",
+      buttonLabel: "Subscribe",
+      button: { size: "block" },
+      colorPreset: { color: "neutral-100" }
+    },
+    mobileProps: {
+      title: "Stay Updated",
+      intro: "Subscribe for product news and occasional tips.",
+      direction: "flex-col",
+      datarecordId: "newsletter-subscription",
+      padding: "2rem",
+      buttonLabel: "Subscribe",
+      button: { size: "block" },
+      colorPreset: { color: "neutral-100" }
+    }
+  },
   {
     description: "Newsletter subscription form (horizontal) with large padding",
     type: "form",
@@ -211,6 +268,51 @@ var examples = [
       }
     }
   },
+  {
+    description: "Minimal inline signup form (no background colorPreset, inherits parent)",
+    type: "form",
+    props: {
+      title: "Join Beta",
+      intro: "Access early features before public launch.",
+      direction: "flex-row",
+      datarecordId: "beta-signup",
+      buttonLabel: "Request Access",
+      button: { size: "block" },
+      padding: "1.5rem"
+    }
+  },
+  {
+    description: "Dark themed form using neutral-800 background and accent button",
+    type: "form",
+    props: {
+      title: "Feedback",
+      intro: "Tell us how we can improve the product.",
+      direction: "flex-col",
+      datarecordId: "product-feedback",
+      buttonLabel: "Send Feedback",
+      colorPreset: { color: "neutral-800" },
+      padding: "2.5rem",
+      button: { color: "btn-accent" },
+      rounding: "rounded-lg",
+      border: { width: "border", color: "border-neutral-700" }
+    }
+  },
+  {
+    description: "Gradient emphasis form (primary gradient) for event signup",
+    type: "form",
+    props: {
+      title: "Conference RSVP",
+      intro: "Reserve your seat for {{event.title}}.",
+      direction: "flex-col",
+      datarecordId: "event-registration",
+      buttonLabel: "Reserve Seat",
+      colorPreset: { color: "primary-gradient-400", gradientDirection: "bg-gradient-to-br" },
+      padding: "3rem",
+      button: { color: "btn-secondary" },
+      rounding: "rounded-xl",
+      border: { width: "border-2", color: "border-primary-300" }
+    }
+  },
   {
     description: "Event registration form",
     type: "form",
@@ -238,6 +340,20 @@ var examples = [
         size: "block"
       }
     }
+  },
+  {
+    description: "Dynamic job application (title interpolated) mapping dataset field",
+    type: "form",
+    props: {
+      title: "Apply for {{job.title}}",
+      intro: "Join our team in {{job.location}}.",
+      direction: "flex-col",
+      datarecordId: "job-application",
+      buttonLabel: "Apply Now",
+      colorPreset: { color: "secondary-100" },
+      button: { size: "block", color: "btn-primary" },
+      padding: "2rem"
+    }
   }
 ];
 
@@ -245,4 +361,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-QQQ3FYPG.js.map
+//# sourceMappingURL=chunk-XK2CERPB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/form.manifest.ts"],"sourcesContent":["import { type Static, Type } from \"@sinclair/typebox\";\nimport { FaWpforms } from \"react-icons/fa6\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { border, rounding } from \"../props/border\";\nimport { datarecord } from \"../props/datarecord\";\nimport { defineProps, group } from \"../props/helpers\";\nimport { fontSize } from \"../props/text\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { direction } from \"../props/direction\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"form\",\n  name: \"Form\",\n  description: \"A form element.\",\n  aiInstructions: `PURPOSE\nDynamic form generator. Fields are inferred from the referenced datarecord schema (datarecordId). You NEVER list fields manually and the form does not accept children.\n\nREQUIRED\n• datarecordId must reference an existing datarecord definition.\n\nCOLOR & STYLE\n• Optional colorPreset sets background + text. If omitted the form inherits parent background.\n• Allowed tokens: primary-/secondary-/accent-/neutral-/base-*** (and gradient variants). Do NOT invent success, warning, danger, info, etc. Map them (success->secondary or primary; warning->accent; danger->accent/primary).\n• Use rounding + border + padding for emphasis. Keep padding modest (1–3rem) unless it's a feature form hero (max ~4rem).\n\nLAYOUT\n• direction controls stacking (flex-col vs flex-row). Wide multi-column layouts usually flex-row on desktop, stacked (flex-col) on mobile.\n• Use mobileProps to reduce padding or switch direction ONLY if necessary. (If switching direction, you must repeat required props.)\n\nBUTTON GROUP\n• Only supply button overrides you actually change (color, size, position, rounding). Unspecified values fallback to defaults.\n• If button.size = wide then hide position (handled by schema metadata automatically—don't circumvent).\n\nCONTENT STRINGS\n• title, intro, buttonLabel, successMessage, errorMessage should be concise.\n• Avoid marketing fluff inside intro beyond one short paragraph.\n\nDYNAMIC DATA\n• Do not interpolate inside datarecordId (it must be a static id).\n• You MAY interpolate page queries aliases in title/intro (e.g. \"Apply for {{job.title}}\") if those fields exist in surrounding dataset context.\n\nDON'TS\n✗ Don't invent props.\n✗ Don't add HTML tags except basic inline markup if absolutely needed (prefer plain text).\n✗ Don't set impossible color tokens.\n\nDO\n✓ Keep examples lean.\n✓ Use semantic color mapping guidelines.\n✓ Provide accessible, human-readable labels.\n`,\n  isContainer: false,\n  icon: FaWpforms,\n  minWidth: {\n    desktop: 300,\n  },\n  props: defineProps({\n    datarecordId: datarecord(\"Datarecord ID\", {\n      description: \"The ID of the datarecord to use to generate the form fields. The datarecord must exist.\",\n      \"ui:responsive\": \"desktop\",\n    }),\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n        default: \"base-200\",\n      }),\n    ),\n    direction: Type.Optional(\n      direction({\n        title: \"Direction\",\n        description: \"The direction of the form fields\",\n        default: \"flex-col\",\n        \"ui:responsive\": \"desktop\",\n        \"ui:desktop-only\": true,\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"2rem\",\n        description: \"Padding inside the form.\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border({})),\n    fontSize: Type.Optional(fontSize({ default: \"inherit\", \"ui:no-extra-large-sizes\": true })),\n    button: group({\n      title: \"Button\",\n      children: {\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        size: Type.Optional(\n          StringEnum([\"block\", \"wide\"], {\n            title: \"Size\",\n            description: \"Button sizes.\",\n            enumNames: [\"Block\", \"Wide\"],\n            default: \"block\",\n            \"ui:responsive\": \"desktop\",\n          }),\n        ),\n        position: Type.Optional(\n          StringEnum([\"justify-start\", \"justify-center\", \"justify-end\"], {\n            title: \"Button Position\",\n            description: \"The position of the button in the form\",\n            enumNames: [\"Left\", \"Center\", \"Right\"],\n            default: \"justify-end\",\n            \"ui:responsive\": \"desktop\",\n            metadata: {\n              filter: (manifestProps: Manifest[\"props\"], formData: Static<Manifest[\"props\"]>) => {\n                return formData.button?.size !== \"wide\";\n              },\n            },\n          }),\n        ),\n        rounding: rounding({ default: \"rounded-md\" }),\n      },\n    }),\n\n    title: Type.Optional(\n      Type.String({\n        title: \"Form title\",\n        default: \"My form\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    intro: Type.Optional(\n      Type.String({\n        title: \"Intro\",\n        description: \"The intro text of the form\",\n        \"ui:multiline\": true,\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    buttonLabel: Type.Optional(\n      Type.String({\n        title: \"Button label\",\n        default: \"Submit\",\n        metadata: { category: \"content\" },\n      }),\n    ),\n    successMessage: Type.Optional(\n      Type.String({\n        title: \"Success Message\",\n        description: \"The message to display when the form is successfully submitted\",\n        default: \"Thank you for your submission!\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n    errorMessage: Type.Optional(\n      Type.String({\n        title: \"Error Message\",\n        description: \"The message to display when the form submission fails\",\n        default: \"There was an error submitting the form. Please try again later.\",\n        metadata: {\n          category: \"content\",\n        },\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Basic contact form\",\n    type: \"form\",\n    props: {\n      title: \"Contact Us\",\n      intro: \"We'd love to hear from you. Send us a message and we'll respond as soon as possible.\",\n      direction: \"flex-row\",\n      datarecordId: \"contacts\",\n      buttonLabel: \"Send Message\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"User registration form with large button\",\n    type: \"form\",\n    props: {\n      title: \"Create Account\",\n      intro: \"Join our platform and start your journey today.\",\n      direction: \"flex-row\",\n      datarecordId: \"user-registration\",\n      buttonLabel: \"Register\",\n      button: {\n        size: \"wide\",\n      },\n    },\n  },\n  {\n    description: \"Responsive newsletter subscription: desktop horizontal -> mobile vertical\",\n    type: \"form\",\n    props: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe for product news and occasional tips.\",\n      direction: \"flex-row\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"3rem\",\n      buttonLabel: \"Subscribe\",\n      button: { size: \"block\" },\n      colorPreset: { color: \"neutral-100\" },\n    },\n    mobileProps: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe for product news and occasional tips.\",\n      direction: \"flex-col\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"2rem\",\n      buttonLabel: \"Subscribe\",\n      button: { size: \"block\" },\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Newsletter subscription form (horizontal) with large padding\",\n    type: \"form\",\n    props: {\n      title: \"Stay Updated\",\n      intro: \"Subscribe to our newsletter for the latest updates and exclusive content.\",\n      direction: \"flex-col\",\n      datarecordId: \"newsletter-subscription\",\n      padding: \"3rem\",\n      buttonLabel: \"Subscribe\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Minimal inline signup form (no background colorPreset, inherits parent)\",\n    type: \"form\",\n    props: {\n      title: \"Join Beta\",\n      intro: \"Access early features before public launch.\",\n      direction: \"flex-row\",\n      datarecordId: \"beta-signup\",\n      buttonLabel: \"Request Access\",\n      button: { size: \"block\" },\n      padding: \"1.5rem\",\n    },\n  },\n  {\n    description: \"Dark themed form using neutral-800 background and accent button\",\n    type: \"form\",\n    props: {\n      title: \"Feedback\",\n      intro: \"Tell us how we can improve the product.\",\n      direction: \"flex-col\",\n      datarecordId: \"product-feedback\",\n      buttonLabel: \"Send Feedback\",\n      colorPreset: { color: \"neutral-800\" },\n      padding: \"2.5rem\",\n      button: { color: \"btn-accent\" },\n      rounding: \"rounded-lg\",\n      border: { width: \"border\", color: \"border-neutral-700\" },\n    },\n  },\n  {\n    description: \"Gradient emphasis form (primary gradient) for event signup\",\n    type: \"form\",\n    props: {\n      title: \"Conference RSVP\",\n      intro: \"Reserve your seat for {{event.title}}.\",\n      direction: \"flex-col\",\n      datarecordId: \"event-registration\",\n      buttonLabel: \"Reserve Seat\",\n      colorPreset: { color: \"primary-gradient-400\", gradientDirection: \"bg-gradient-to-br\" },\n      padding: \"3rem\",\n      button: { color: \"btn-secondary\" },\n      rounding: \"rounded-xl\",\n      border: { width: \"border-2\", color: \"border-primary-300\" },\n    },\n  },\n  {\n    description: \"Event registration form\",\n    type: \"form\",\n    props: {\n      title: \"Conference Registration\",\n      intro: \"Register for the Annual Tech Conference 2025. Early bird pricing ends soon!\",\n      direction: \"flex-col\",\n      datarecordId: \"event-registration\",\n      buttonLabel: \"Register Now\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Job application form\",\n    type: \"form\",\n    props: {\n      title: \"Apply for Position\",\n      intro: \"We're excited to learn more about you! Please fill out this application form completely.\",\n      direction: \"flex-col\",\n      datarecordId: \"job-application\",\n      buttonLabel: \"Submit Application\",\n      button: {\n        size: \"block\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic job application (title interpolated) mapping dataset field\",\n    type: \"form\",\n    props: {\n      title: \"Apply for {{job.title}}\",\n      intro: \"Join our team in {{job.location}}.\",\n      direction: \"flex-col\",\n      datarecordId: \"job-application\",\n      buttonLabel: \"Apply Now\",\n      colorPreset: { color: \"secondary-100\" },\n      button: { size: \"block\", color: \"btn-primary\" },\n      padding: \"2rem\",\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-XNRSL6FL.js

@@ -0,0 +1,78 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  datarecordsList
+} from "./chunk-DCM4732T.js";
+import {
+  sitemapSchema
+} from "./chunk-2O5HVPID.js";
+import {
+  defaultTheme,
+  themeSchema
+} from "./chunk-FD7YYFRI.js";
+import {
+  pageSchema
+} from "./chunk-VSLRTXLF.js";
+import {
+  sitePrompt
+} from "./chunk-6TVVKUWM.js";
+import {
+  resolvePageAttributes,
+  resolveSiteAttributes,
+  siteAttributesSchema
+} from "./chunk-T6C3NG2L.js";
+import {
+  datasourcesList
+} from "./chunk-EMF5TCPX.js";
+
+// src/shared/site.ts
+import { Type } from "@sinclair/typebox";
+var siteSchema = Type.Object({
+  id: Type.String(),
+  label: Type.String(),
+  hostname: Type.String(),
+  attributes: siteAttributesSchema,
+  datasources: datasourcesList,
+  datarecords: datarecordsList,
+  themes: Type.Array(themeSchema),
+  theme: themeSchema,
+  sitemap: sitemapSchema,
+  sitePrompt
+});
+var siteAndPagesSchema = Type.Object({
+  site: siteSchema,
+  pages: Type.Array(pageSchema)
+});
+function createEmptyConfig(sitePrompt2) {
+  return {
+    site: {
+      id: crypto.randomUUID(),
+      label: `My site ${(/* @__PURE__ */ new Date()).toLocaleString(void 0, { dateStyle: "short", timeStyle: "short" })}`,
+      hostname: "example.com",
+      sitePrompt: sitePrompt2,
+      theme: defaultTheme,
+      themes: [],
+      sitemap: [],
+      attributes: resolveSiteAttributes(),
+      datarecords: [],
+      datasources: []
+    },
+    // we need a fake page
+    pages: [
+      {
+        id: "_default_",
+        label: "First page",
+        sections: [],
+        attributes: resolvePageAttributes({
+          path: "/"
+        })
+      }
+    ]
+  };
+}
+
+export {
+  siteSchema,
+  createEmptyConfig
+};
+//# sourceMappingURL=chunk-XNRSL6FL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/site.ts"],"sourcesContent":["import { Type, type Static } from \"@sinclair/typebox\";\nimport { resolvePageAttributes, resolveSiteAttributes, siteAttributesSchema } from \"./attributes\";\nimport { datarecordsList } from \"./datarecords/types\";\nimport { datasourcesList } from \"./datasources/types\";\nimport { pageSchema } from \"./page\";\nimport { sitePrompt } from \"./prompt\";\nimport { sitemapSchema } from \"./sitemap\";\nimport { defaultTheme, themeSchema } from \"./theme\";\n\nexport const siteSchema = Type.Object({\n  id: Type.String(),\n  label: Type.String(),\n  hostname: Type.String(),\n  attributes: siteAttributesSchema,\n  datasources: datasourcesList,\n  datarecords: datarecordsList,\n  themes: Type.Array(themeSchema),\n  theme: themeSchema,\n  sitemap: sitemapSchema,\n  sitePrompt,\n});\n\nexport type Site = Static<typeof siteSchema>;\nexport type PublicSite = Omit<Site, \"sitePrompt\">;\n\nconst siteAndPagesSchema = Type.Object({\n  site: siteSchema,\n  pages: Type.Array(pageSchema),\n});\n\nexport type SiteAndPagesConfig = Static<typeof siteAndPagesSchema>;\n\nexport function createEmptyConfig(sitePrompt: string): SiteAndPagesConfig {\n  return {\n    site: {\n      id: crypto.randomUUID(),\n      label: `My site ${new Date().toLocaleString(undefined, { dateStyle: \"short\", timeStyle: \"short\" })}`,\n      hostname: \"example.com\",\n      sitePrompt,\n      theme: defaultTheme,\n      themes: [],\n      sitemap: [],\n      attributes: resolveSiteAttributes(),\n      datarecords: [],\n      datasources: [],\n    },\n    // we need a fake page\n    pages: [\n      {\n        id: \"_default_\",\n        label: \"First page\",\n        sections: [],\n        attributes: resolvePageAttributes({\n          path: \"/\",\n        }),\n      },\n    ],\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAyB;AAS3B,IAAM,aAAa,KAAK,OAAO;AAAA,EACpC,IAAI,KAAK,OAAO;AAAA,EAChB,OAAO,KAAK,OAAO;AAAA,EACnB,UAAU,KAAK,OAAO;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ,KAAK,MAAM,WAAW;AAAA,EAC9B,OAAO;AAAA,EACP,SAAS;AAAA,EACT;AACF,CAAC;AAKD,IAAM,qBAAqB,KAAK,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,OAAO,KAAK,MAAM,UAAU;AAC9B,CAAC;AAIM,SAAS,kBAAkBA,aAAwC;AACxE,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,IAAI,OAAO,WAAW;AAAA,MACtB,OAAO,YAAW,oBAAI,KAAK,GAAE,eAAe,QAAW,EAAE,WAAW,SAAS,WAAW,QAAQ,CAAC,CAAC;AAAA,MAClG,UAAU;AAAA,MACV,YAAAA;AAAA,MACA,OAAO;AAAA,MACP,QAAQ,CAAC;AAAA,MACT,SAAS,CAAC;AAAA,MACV,YAAY,sBAAsB;AAAA,MAClC,aAAa,CAAC;AAAA,MACd,aAAa,CAAC;AAAA,IAChB;AAAA;AAAA,IAEA,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU,CAAC;AAAA,QACX,YAAY,sBAAsB;AAAA,UAChC,MAAM;AAAA,QACR,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["sitePrompt"]}

package/dist/shared/{chunk-2RK3CPYJ.js → chunk-XXPSM6UA.js}

@@ -1,14 +1,11 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  alignSelfRef
-} from "./chunk-ZLYIRH2B.js";
-import {
-  typedRef
-} from "./chunk-A2QPY54H.js";
+  alignSelf
+} from "./chunk-ZRBTAC3G.js";
 
 // src/shared/bricks/props/common.ts
 import { Type } from "@sinclair/typebox";
@@ -33,7 +30,7 @@ var commonProps = {
       "ai:hidden": true
     })
   ),
-  hidden: Type.Optional(typedRef("styles:hidden")),
+  hidden: Type.Optional(hidden()),
   editable: Type.Optional(
     Type.Boolean({
       "ui:field": "hidden",
@@ -41,7 +38,7 @@ var commonProps = {
     })
   ),
   width: Type.Optional(
-    cssLengthRef({
+    cssLength({
       title: "Fixed Width",
       description: "Set a fixed width for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.",
       "ai:instructions": "Use percentage values to make the width responsive, like '50%'",
@@ -49,7 +46,7 @@ var commonProps = {
     })
   ),
   height: Type.Optional(
-    cssLengthRef({
+    cssLength({
       title: "Fixed height",
       description: "Set a fixed height for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.",
       "ui:field": "hidden"
@@ -63,7 +60,7 @@ var commonProps = {
       "ui:responsive": true
     })
   ),
-  alignSelf: Type.Optional(alignSelfRef())
+  alignSelf: Type.Optional(alignSelf())
 };
 var commonPropsSchema = Type.Object(commonProps);
 
@@ -71,4 +68,4 @@ export {
   hidden,
   commonProps
 };
-//# sourceMappingURL=chunk-2RK3CPYJ.js.map
+//# sourceMappingURL=chunk-XXPSM6UA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/common.ts"],"sourcesContent":["import { type Static, type TString, Type } from \"@sinclair/typebox\";\nimport { cssLength } from \"./css-length\";\nimport { alignSelf } from \"./align\";\n\nexport function hidden() {\n  return Type.Object(\n    {\n      desktop: Type.Optional(Type.Boolean()),\n      mobile: Type.Optional(Type.Boolean()),\n    },\n    {\n      // $id: \"styles:hidden\",\n      title: \"Hidden\",\n      description: \"Used to hide the brick on desktop or mobile.\",\n      \"ui:field\": \"hidden\",\n    },\n  );\n}\n\nexport const commonProps = {\n  lastTouched: Type.Optional(\n    Type.Number({\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n  hidden: Type.Optional(hidden()),\n  editable: Type.Optional(\n    Type.Boolean({\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n  width: Type.Optional(\n    cssLength({\n      title: \"Fixed Width\",\n      description:\n        \"Set a fixed width for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.\",\n      \"ai:instructions\": \"Use percentage values to make the width responsive, like '50%'\",\n      \"ui:field\": \"hidden\",\n    }) as TString,\n  ),\n  height: Type.Optional(\n    cssLength({\n      title: \"Fixed height\",\n      description:\n        \"Set a fixed height for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.\",\n      \"ui:field\": \"hidden\",\n    }),\n  ),\n  grow: Type.Optional(\n    Type.Boolean({\n      title: \"Auto expand\",\n      description: \"If set, the brick will grow to fill the available space of its parent section or box.\",\n      \"ui:styleId\": \"styles:grow\",\n      \"ui:responsive\": true,\n    }),\n  ),\n  alignSelf: Type.Optional(alignSelf()),\n};\n\nconst commonPropsSchema = Type.Object(commonProps);\nexport type CommonBrickProps = Static<typeof commonPropsSchema>;\n"],"mappings":";;;;;;;;;;AAAA,SAAoC,YAAY;AAIzC,SAAS,SAAS;AACvB,SAAO,KAAK;AAAA,IACV;AAAA,MACE,SAAS,KAAK,SAAS,KAAK,QAAQ,CAAC;AAAA,MACrC,QAAQ,KAAK,SAAS,KAAK,QAAQ,CAAC;AAAA,IACtC;AAAA,IACA;AAAA;AAAA,MAEE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,IAAM,cAAc;AAAA,EACzB,aAAa,KAAK;AAAA,IAChB,KAAK,OAAO;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,KAAK,SAAS,OAAO,CAAC;AAAA,EAC9B,UAAU,KAAK;AAAA,IACb,KAAK,QAAQ;AAAA,MACX,YAAY;AAAA,MACZ,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,OAAO,KAAK;AAAA,IACV,UAAU;AAAA,MACR,OAAO;AAAA,MACP,aACE;AAAA,MACF,mBAAmB;AAAA,MACnB,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,KAAK;AAAA,IACX,UAAU;AAAA,MACR,OAAO;AAAA,MACP,aACE;AAAA,MACF,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EACA,MAAM,KAAK;AAAA,IACT,KAAK,QAAQ;AAAA,MACX,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAc;AAAA,MACd,iBAAiB;AAAA,IACnB,CAAC;AAAA,EACH;AAAA,EACA,WAAW,KAAK,SAAS,UAAU,CAAC;AACtC;AAEA,IAAM,oBAAoB,KAAK,OAAO,WAAW;","names":[]}

package/dist/shared/{chunk-ZLYIRH2B.js → chunk-ZRBTAC3G.js}

@@ -1,11 +1,8 @@
 /*! 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/align.ts
 function justifyContent(options = {}) {
@@ -23,9 +20,6 @@ function justifyContent(options = {}) {
     }
   );
 }
-function justifyContentRef(options = {}) {
-  return typedRef("styles:justifyContent", options);
-}
 function alignItems(options = {}) {
   return StringEnum(["items-start", "items-center", "items-end", "items-stretch"], {
     enumNames: ["Start", "Center", "End", "Stretch"],
@@ -38,9 +32,6 @@ function alignItems(options = {}) {
     ...options
   });
 }
-function alignItemsRef(options = {}) {
-  return typedRef("styles:alignItems", options);
-}
 function alignSelf(options = {}) {
   return StringEnum(["self-auto", "self-start", "self-center", "self-end", "self-stretch"], {
     enumNames: ["Auto", "Start", "Center", "End", "Stretch"],
@@ -53,16 +44,10 @@ function alignSelf(options = {}) {
     ...options
   });
 }
-function alignSelfRef(options = {}) {
-  return typedRef("styles:alignSelf", options);
-}
 
 export {
   justifyContent,
-  justifyContentRef,
   alignItems,
-  alignItemsRef,
-  alignSelf,
-  alignSelfRef
+  alignSelf
 };
-//# sourceMappingURL=chunk-ZLYIRH2B.js.map
+//# sourceMappingURL=chunk-ZRBTAC3G.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/align.ts"],"sourcesContent":["import type { Static, StringOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nexport function justifyContent(options: StringOptions = {}) {\n  return StringEnum(\n    [\"justify-start\", \"justify-center\", \"justify-end\", \"justify-between\", \"justify-around\", \"justify-evenly\"],\n    {\n      enumNames: [\"Start\", \"Center\", \"End\", \"Between\", \"Around\", \"Evenly\"],\n      // $id: \"styles:justifyContent\",\n      title: \"Justify bricks\",\n      \"ui:field\": \"justify-content\",\n      \"ui:responsive\": true,\n      \"ui:styleId\": \"styles:justifyContent\",\n      examples: [\"justify-center\", \"justify-evenly\"],\n      ...options,\n    },\n  );\n}\n\nexport type JustifyContentSettings = Static<ReturnType<typeof justifyContent>>;\n\nexport function alignItems(options: StringOptions = {}) {\n  return StringEnum([\"items-start\", \"items-center\", \"items-end\", \"items-stretch\"], {\n    enumNames: [\"Start\", \"Center\", \"End\", \"Stretch\"],\n    // $id: \"styles:alignItems\",\n    title: \"Align bricks\",\n    \"ui:field\": \"align-items\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignItems\",\n    examples: [\"items-center\", \"items-stretch\"],\n    ...options,\n  });\n}\n\nexport type AlignItemsSettings = Static<ReturnType<typeof alignItems>>;\n\nexport function alignSelf(options: StringOptions = {}) {\n  return StringEnum([\"self-auto\", \"self-start\", \"self-center\", \"self-end\", \"self-stretch\"], {\n    enumNames: [\"Auto\", \"Start\", \"Center\", \"End\", \"Stretch\"],\n    default: \"self-auto\",\n    // $id: \"styles:alignSelf\",\n    title: \"Align self\",\n    \"ui:field\": \"align-self\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignSelf\",\n    ...options,\n  });\n}\n\nexport type AlignSelfSettings = Static<ReturnType<typeof alignSelf>>;\n"],"mappings":";;;;;;;AAGO,SAAS,eAAe,UAAyB,CAAC,GAAG;AAC1D,SAAO;AAAA,IACL,CAAC,iBAAiB,kBAAkB,eAAe,mBAAmB,kBAAkB,gBAAgB;AAAA,IACxG;AAAA,MACE,WAAW,CAAC,SAAS,UAAU,OAAO,WAAW,UAAU,QAAQ;AAAA;AAAA,MAEnE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,UAAU,CAAC,kBAAkB,gBAAgB;AAAA,MAC7C,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAIO,SAAS,WAAW,UAAyB,CAAC,GAAG;AACtD,SAAO,WAAW,CAAC,eAAe,gBAAgB,aAAa,eAAe,GAAG;AAAA,IAC/E,WAAW,CAAC,SAAS,UAAU,OAAO,SAAS;AAAA;AAAA,IAE/C,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,UAAU,CAAC,gBAAgB,eAAe;AAAA,IAC1C,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,UAAU,UAAyB,CAAC,GAAG;AACrD,SAAO,WAAW,CAAC,aAAa,cAAc,eAAe,YAAY,cAAc,GAAG;AAAA,IACxF,WAAW,CAAC,QAAQ,SAAS,UAAU,OAAO,SAAS;AAAA,IACvD,SAAS;AAAA;AAAA,IAET,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/shared/{chunk-Z35I5JM5.js → chunk-ZVJNRKT4.js}

@@ -1,24 +1,21 @@
 /*! 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";
+  border,
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  string
-} from "./chunk-UQF52PWK.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 
 // src/shared/bricks/manifests/video.manifest.ts
 import { RxVideo } from "react-icons/rx";
@@ -49,7 +46,8 @@ var manifest = defineBrickManifest({
     // 16:9 aspect ratio
   },
   props: defineProps({
-    url: string("Video URL", {
+    url: Type.String({
+      title: "Video URL",
       description: "URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.",
       default: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
       metadata: {
@@ -58,7 +56,7 @@ var manifest = defineBrickManifest({
       }
     }),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         description: "Padding inside the video player.",
         "ai:instructions": "Use only a single value like '1rem' or '10px'",
         title: "Padding",
@@ -68,12 +66,12 @@ var manifest = defineBrickManifest({
       })
     ),
     rounding: Type.Optional(
-      roundingRef({
+      rounding({
         default: "rounded-md"
       })
     ),
-    border: Type.Optional(borderRef()),
-    shadow: Type.Optional(shadowRef())
+    border: Type.Optional(border()),
+    shadow: Type.Optional(shadow())
   })
 });
 var examples = [
@@ -128,4 +126,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-Z35I5JM5.js.map
+//# sourceMappingURL=chunk-ZVJNRKT4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/video.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { RxVideo } from \"react-icons/rx\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { Type } from \"@sinclair/typebox\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"video\",\n  name: \"Video\",\n  category: \"media\",\n  description: \"An embedded video player for YouTube / Vimeo / Wistia links\",\n  icon: RxVideo,\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: `${(360 * 16) / 9}px`, // 16:9 aspect ratio\n  },\n  defaultHeight: {\n    mobile: \"168px\",\n    desktop: \"360px\", // 16:9 aspect ratio\n  },\n  minWidth: {\n    mobile: 300,\n    desktop: (360 * 16) / 9,\n  },\n  minHeight: {\n    mobile: 168,\n    desktop: 360, // 16:9 aspect ratio\n  },\n  props: defineProps({\n    url: Type.String({\n      title: \"Video URL\",\n      description:\n        \"URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.\",\n      default: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n      metadata: {\n        category: \"content\",\n        \"ui:responsive\": \"desktop\",\n      },\n    }),\n    padding: Type.Optional(\n      cssLength({\n        description: \"Padding inside the video player.\",\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      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"An embedded YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/embed/dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"A Vimeo video\",\n    type: \"video\",\n    props: {\n      url: \"https://vimeo.com/123456789\",\n    },\n  },\n  {\n    description: \"Dynamic course video using course query\",\n    type: \"video\",\n    props: {\n      url: \"{{course.videoUrl}}\",\n      padding: \"1rem\",\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic product demo video using product query\",\n    type: \"video\",\n    props: {\n      url: \"{{product.demoVideoUrl}}\",\n      padding: \"0.5rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      border: {\n        width: \"border-2\",\n        color: \"border-primary-300\",\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,SAAS,eAAe;AAGxB,SAAS,YAAY;AAId,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS,GAAI,MAAM,KAAM,CAAC;AAAA;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,SAAU,MAAM,KAAM;AAAA,EACxB;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EACX;AAAA,EACA,OAAO,YAAY;AAAA,IACjB,KAAK,KAAK,OAAO;AAAA,MACf,OAAO;AAAA,MACP,aACE;AAAA,MACF,SAAS;AAAA,MACT,UAAU;AAAA,QACR,UAAU;AAAA,QACV,iBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,IACD,SAAS,KAAK;AAAA,MACZ,UAAU;AAAA,QACR,aAAa;AAAA,QACb,mBAAmB;AAAA,QACnB,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,IACA,UAAU,KAAK;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,QAAQ,KAAK,SAAS,OAAO,CAAC;AAAA,IAC9B,QAAQ,KAAK,SAAS,OAAO,CAAC;AAAA,EAChC,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}