@vexcms/core 0.0.8 → 0.0.10

package/dist/index.js

@@ -178,32 +178,41 @@ function resolveMediaCollection(props) {
   };
 }
 function defineConfig(vexConfig) {
-  const { media: mediaInput, ...restInput } = vexConfig;
+  let resolvedInput = vexConfig;
+  if (vexConfig.plugins && vexConfig.plugins.length > 0) {
+    for (const plugin of vexConfig.plugins) {
+      resolvedInput = plugin(resolvedInput);
+    }
+  }
+  const { plugins: _plugins, ...inputWithoutPlugins } = resolvedInput;
+  const { media: mediaInput, ...restInput } = inputWithoutPlugins;
+  const resolved = inputWithoutPlugins;
   const config = {
     ...BASE_VEX_CONFIG,
     ...restInput,
     admin: {
       ...BASE_VEX_CONFIG.admin,
-      ...vexConfig.admin,
+      ...resolved.admin,
       meta: {
         ...BASE_VEX_CONFIG.admin.meta,
-        ...vexConfig.admin?.meta
+        ...resolved.admin?.meta
       },
       sidebar: {
         ...BASE_VEX_CONFIG.admin.sidebar,
-        ...vexConfig.admin?.sidebar
+        ...resolved.admin?.sidebar
       },
       onboarding: {
         ...BASE_VEX_CONFIG.admin.onboarding,
-        ...vexConfig.admin?.onboarding
+        ...resolved.admin?.onboarding
       },
-      livePreview: vexConfig.admin?.livePreview
+      livePreview: resolved.admin?.livePreview
     },
     schema: {
       ...BASE_VEX_CONFIG.schema,
-      ...vexConfig.schema
+      ...resolved.schema
     },
-    access: vexConfig.access
+    access: resolved.access,
+    breakpoints: resolved.breakpoints
   };
   if (mediaInput) {
     if (mediaInput.collections.length === 0) {
@@ -272,6 +281,11 @@ function defineMediaCollection(props) {
   return props;
 }
 
+// src/config/defineGlobal.ts
+function defineGlobal(props) {
+  return props;
+}
+
 // src/access/defineAccess.ts
 function defineAccess(props) {
   if (props.orgCollection && !props.userOrgField) {
@@ -461,6 +475,51 @@ function hasPermission(props) {
   return merged;
 }
 
+// src/access/checkAdminAccess.ts
+function checkAdminAccess(props) {
+  if (props.access === void 0) {
+    return false;
+  }
+  if (props.userRoles.length === 0) {
+    return false;
+  }
+  const knownRolesSet = new Set(props.access.roles);
+  for (const role of props.userRoles) {
+    if (!knownRolesSet.has(role)) continue;
+    const rolePerms = props.access.permissions[role];
+    if (rolePerms === void 0) continue;
+    const adminPerm = rolePerms.admin;
+    if (adminPerm === void 0) continue;
+    if (typeof adminPerm === "boolean") {
+      if (adminPerm) return true;
+      continue;
+    }
+    if (typeof adminPerm === "function") {
+      const callbackProps = props.organization !== void 0 ? { user: props.user, organization: props.organization } : { user: props.user };
+      if (adminPerm(callbackProps)) return true;
+    }
+  }
+  return false;
+}
+
+// src/metadata/buildSiteMetadata.ts
+function buildSiteMetadata(props) {
+  const title = props.page?.metaTitle || props.page?.title || props.site.metaTitle || props.site.name || "Untitled";
+  const description = props.page?.metaDescription || props.site.metaDescription || props.site.description || "";
+  const ogImage = props.page?.ogImage || props.site.ogImage || void 0;
+  const twitterHandle = props.site.twitterHandle || void 0;
+  let finalTitle = title;
+  if (props.titleSuffix && !title.endsWith(props.titleSuffix) && title !== props.site.name) {
+    finalTitle = title + props.titleSuffix;
+  }
+  return {
+    title: finalTitle,
+    description,
+    ogImage,
+    twitterHandle
+  };
+}
+
 // src/config/sanitizeConfig.ts
 function sanitizeConfigForClient(config) {
   const { media, ...rest } = config;
@@ -920,6 +979,50 @@ function jsonToValueTypeString(props) {
   });
 }
 
+// src/fields/object/config.ts
+function object(options) {
+  return { type: "object", ...options };
+}
+
+// src/fields/object/schemaValueType.ts
+function objectToValueTypeString(props) {
+  const fieldEntries = [];
+  for (const [subFieldName, subField] of Object.entries(props.field.fields)) {
+    const valueType = props.resolveInnerField({
+      field: subField,
+      collectionSlug: props.collectionSlug,
+      fieldName: `${props.fieldName}.${subFieldName}`
+    });
+    fieldEntries.push(`${subFieldName}: ${valueType}`);
+  }
+  const objectType = fieldEntries.length <= 2 ? `v.object({ ${fieldEntries.join(", ")} })` : `v.object({
+${fieldEntries.map((e) => `  ${e},`).join("\n")}
+})`;
+  return processFieldValueTypeOptions({
+    field: props.field,
+    collectionSlug: props.collectionSlug,
+    fieldName: props.fieldName,
+    expectedType: "object",
+    valueType: objectType,
+    skipDefaultValidation: true
+  });
+}
+
+// src/fields/object/columnDef.ts
+function objectColumnDef(props) {
+  return {
+    accessorKey: props.fieldKey,
+    header: props.field.label ?? toTitleCase(props.fieldKey),
+    meta: { align: props.field.admin?.cellAlignment ?? "left" },
+    cell: (info) => {
+      const value = info.getValue();
+      if (value == null) return "";
+      const str = JSON.stringify(value);
+      return str.length > 50 ? str.slice(0, 50) + "..." : str;
+    }
+  };
+}
+
 // src/fields/richtext/config.ts
 function richtext(options) {
   return {
@@ -997,11 +1100,17 @@ function arrayColumnDef(props) {
 // src/fields/array/schemaValueType.ts
 function arrayToValueTypeString(props) {
   const innerValueType = props.resolveInnerField({
-    field: props.field.field,
+    field: props.field.items,
     collectionSlug: props.collectionSlug,
     fieldName: `${props.fieldName}[]`
   });
-  const unwrapped = innerValueType.replace(/^v\.optional\((.+)\)$/, "$1");
+  let unwrapped = innerValueType;
+  if (unwrapped.startsWith("v.optional(")) {
+    const inner = unwrapped.slice("v.optional(".length);
+    if (inner.endsWith(")")) {
+      unwrapped = inner.slice(0, -1);
+    }
+  }
   const arrayType = `v.array(${unwrapped})`;
   return processFieldValueTypeOptions({
     field: props.field,
@@ -1064,6 +1173,7 @@ function blocksToValueTypeString(props) {
     const fieldEntries = [
       `blockType: v.literal("${block.slug}")`,
       `blockName: v.optional(v.string())`,
+      `blockStyles: v.optional(v.string())`,
       `_key: v.string()`
     ];
     for (const [fieldName, field] of Object.entries(block.fields)) {
@@ -1075,10 +1185,18 @@ function blocksToValueTypeString(props) {
       });
       fieldEntries.push(`${fieldName}: ${valueType}`);
     }
-    objectTypes.push(`v.object({${fieldEntries.join(", ")}})`);
+    objectTypes.push(
+      `v.object({
+${fieldEntries.map((e) => `  ${e},`).join("\n")}
+})`
+    );
   }
-  const innerType = objectTypes.length === 1 ? objectTypes[0] : `v.union(${objectTypes.join(", ")})`;
-  const arrayType = `v.array(${innerType})`;
+  const innerType = objectTypes.length === 1 ? objectTypes[0] : `v.union(
+${objectTypes.map((o) => `  ${o},`).join("\n")}
+)`;
+  const arrayType = `v.array(
+${innerType}
+)`;
   return processFieldValueTypeOptions({
     field: props.field,
     collectionSlug: props.collectionSlug,
@@ -1106,6 +1224,42 @@ function blocksColumnDef(props) {
   };
 }
 
+// src/fields/color/config.ts
+function color(props) {
+  return {
+    ...props,
+    type: "color"
+  };
+}
+
+// src/fields/color/schemaValueType.ts
+function colorToValueTypeString(props) {
+  return processFieldValueTypeOptions({
+    field: props.field,
+    collectionSlug: props.collectionSlug,
+    fieldName: props.fieldName,
+    expectedType: "string",
+    valueType: TEXT_VALUETYPE
+  });
+}
+
+// src/fields/color/columnDef.ts
+function colorColumnDef(props) {
+  return {
+    accessorKey: props.fieldKey,
+    header: props.field.label ?? props.fieldKey,
+    size: 120,
+    cell: (info) => {
+      const value = info.getValue();
+      if (!value) return "";
+      return value;
+    },
+    meta: {
+      type: "color"
+    }
+  };
+}
+
 // src/valueTypes/extract.ts
 function fieldToValueType(props) {
   const { field, collectionSlug, fieldName } = props;
@@ -1128,6 +1282,13 @@ function fieldToValueType(props) {
       return uploadToValueTypeString({ field, collectionSlug, fieldName });
     case "json":
       return jsonToValueTypeString({ field, collectionSlug, fieldName });
+    case "object":
+      return objectToValueTypeString({
+        field,
+        collectionSlug,
+        fieldName,
+        resolveInnerField: fieldToValueType
+      });
     case "richtext":
       return richtextToValueTypeString({ field, collectionSlug, fieldName });
     case "array":
@@ -1150,6 +1311,10 @@ function fieldToValueType(props) {
         }),
         visitedBlockSlugs: props.visitedBlockSlugs
       });
+    case "color":
+      return colorToValueTypeString({ field, collectionSlug, fieldName });
+    case "tabs":
+      return "v.any()";
     case "ui":
       throw new VexFieldValidationError(
         collectionSlug,
@@ -1390,6 +1555,43 @@ function buildSlugRegistry(props) {
 }
 
 // src/valueTypes/generate.ts
+function expandFields(props) {
+  const result = [];
+  for (const [fieldName, field] of Object.entries(props.fields)) {
+    if (field.type === "ui") continue;
+    if (field.type === "tabs") {
+      const tabsField = field;
+      for (const tab of tabsField.tabs) {
+        const innerFields = [];
+        for (const [innerName, innerField] of Object.entries(tab.fields)) {
+          if (innerField.type === "ui") continue;
+          const innerValueType = fieldToValueType({
+            field: innerField,
+            collectionSlug: props.collectionSlug,
+            fieldName: innerName
+          });
+          innerFields.push(`${innerName}: ${innerValueType}`);
+        }
+        if (innerFields.length > 0) {
+          result.push({
+            name: tab.slug,
+            valueType: `v.optional(v.object({ ${innerFields.join(", ")} }))`
+          });
+        }
+      }
+    } else {
+      result.push({
+        name: fieldName,
+        valueType: fieldToValueType({
+          fieldName,
+          field,
+          collectionSlug: props.collectionSlug
+        })
+      });
+    }
+  }
+  return result;
+}
 function generateVexSchema(props) {
   const config = props.config;
   buildSlugRegistry({ config });
@@ -1440,19 +1642,10 @@ function generateVexSchema(props) {
         searchIndexes.push(si);
       }
     } else {
-      for (const [fieldName, field] of Object.entries(
-        collection.fields
-      )) {
-        if (field.type === "ui") continue;
-        fields.push({
-          name: fieldName,
-          valueType: fieldToValueType({
-            fieldName,
-            field,
-            collectionSlug: collection.slug
-          })
-        });
-      }
+      fields.push(...expandFields({
+        fields: collection.fields,
+        collectionSlug: collection.slug
+      }));
     }
     lines.push(
       "",
@@ -1575,6 +1768,11 @@ function generateVexSchema(props) {
     for (const f of fields) {
       lines.push(`  ${f.name}: ${f.valueType},`);
     }
+    lines.push(`  vex_status: v.optional(v.union(v.literal("draft"), v.literal("published"))),`);
+    if (global.versions?.drafts) {
+      lines.push(`  vex_version: v.optional(v.number()),`);
+      lines.push(`  vex_publishedAt: v.optional(v.number()),`);
+    }
     lines.push("})");
     for (const i of indexes) {
       const fieldList = i.fields.map((f) => `"${f}"`).join(", ");
@@ -1588,7 +1786,12 @@ function generateVexSchema(props) {
     lines.push("  collection: v.string(),");
     lines.push("  documentId: v.string(),");
     lines.push("  version: v.number(),");
-    lines.push(`  status: v.union(v.literal("draft"), v.literal("published"), v.literal("autosave"), v.literal("previewSnapshot")),`);
+    lines.push("  status: v.union(");
+    lines.push(`    v.literal("draft"),`);
+    lines.push(`    v.literal("published"),`);
+    lines.push(`    v.literal("autosave"),`);
+    lines.push(`    v.literal("previewSnapshot"),`);
+    lines.push("  ),");
     lines.push("  snapshot: v.any(),");
     lines.push("  createdAt: v.number(),");
     lines.push("  createdBy: v.optional(v.string()),");
@@ -1683,7 +1886,7 @@ function generateColumns(props) {
         continue;
       }
       if (field.admin?.hidden) continue;
-      if (field.type === "ui") continue;
+      if (field.type === "ui" || field.type === "tabs") continue;
       const col = buildColumnDef(fieldKey, field);
       if (useAsTitle && fieldKey === useAsTitle) {
         col.meta = { ...col.meta, isTitle: true };
@@ -1706,7 +1909,7 @@ function generateColumns(props) {
     for (const fieldKey of allFieldKeys) {
       const field = fields[fieldKey] ?? authFields[fieldKey];
       if (field.admin?.hidden) continue;
-      if (field.type === "ui") continue;
+      if (field.type === "ui" || field.type === "tabs") continue;
       const col = buildColumnDef(fieldKey, field);
       if (useAsTitle && fieldKey === useAsTitle) {
         col.meta = { ...col.meta, isTitle: true };
@@ -1741,6 +1944,8 @@ function buildColumnDef(fieldKey, field) {
       return relationshipColumnDef({ fieldKey, field });
     case "json":
       return jsonColumnDef({ fieldKey, field });
+    case "object":
+      return objectColumnDef({ fieldKey, field });
     case "richtext":
       return richtextColumnDef({ fieldKey, field });
     case "array":
@@ -1749,6 +1954,8 @@ function buildColumnDef(fieldKey, field) {
       return uploadColumnDef({ fieldKey, field });
     case "blocks":
       return blocksColumnDef({ fieldKey, field });
+    case "color":
+      return colorColumnDef({ fieldKey, field });
     default:
       return {
         accessorKey: fieldKey,
@@ -1764,6 +1971,19 @@ function generateFormSchema(props) {
   for (const [fieldName, field] of Object.entries(props.fields)) {
     if (field.admin?.hidden) continue;
     if (field.type === "ui") continue;
+    if (field.type === "tabs") {
+      for (const tab of field.tabs) {
+        const tabFields = {};
+        for (const [subName, subField] of Object.entries(tab.fields)) {
+          if (subField.type === "ui") continue;
+          let subValidator = fieldMetaToZod({ field: subField });
+          if (!subField.required) subValidator = subValidator.optional();
+          tabFields[subName] = subValidator;
+        }
+        shape[tab.slug] = z.object(tabFields).optional();
+      }
+      continue;
+    }
     let validator = fieldMetaToZod({ field });
     if (!field.required) {
       validator = validator.optional();
@@ -1815,10 +2035,23 @@ function fieldMetaToZod(props) {
     }
     case "json":
       return z.any();
+    case "object": {
+      const shape = {};
+      for (const [subName, subField] of Object.entries(props.field.fields)) {
+        let subValidator = fieldMetaToZod({ field: subField });
+        if (!subField.required) subValidator = subValidator.optional();
+        shape[subName] = subValidator;
+      }
+      return z.object(shape);
+    }
     case "richtext":
       return z.any();
+    case "color":
+      return z.string();
+    case "tabs":
+      return z.any();
     case "array": {
-      let schema = z.array(fieldMetaToZod({ field: props.field.field }));
+      let schema = z.array(fieldMetaToZod({ field: props.field.items }));
       if (props.field.min != null) schema = schema.min(props.field.min);
       if (props.field.max != null) schema = schema.max(props.field.max);
       return schema;
@@ -1878,15 +2111,26 @@ function getFormDefaultValue(props) {
     case "imageUrl":
       return props.field.defaultValue ?? "";
     case "relationship":
-      return props.field.hasMany ? [] : "";
+      return props.field.hasMany ? [] : void 0;
     case "upload":
-      return props.field.hasMany ? [] : "";
+      return props.field.hasMany ? [] : void 0;
     case "json":
       return {};
+    case "object": {
+      const defaults = {};
+      for (const [subName, subField] of Object.entries(props.field.fields)) {
+        defaults[subName] = getFormDefaultValue({ field: subField });
+      }
+      return defaults;
+    }
     case "richtext":
       return [];
+    case "color":
+      return props.field.defaultValue ?? "";
+    case "tabs":
+      return {};
     case "array":
-      return [];
+      return props.field.defaultValue ?? [];
     case "blocks":
       return [];
     case "ui":
@@ -1900,6 +2144,17 @@ function generateFormDefaultValues(props) {
   for (const [fieldName, field] of Object.entries(props.fields)) {
     if (field.admin?.hidden) continue;
     if (field.type === "ui") continue;
+    if (field.type === "tabs") {
+      for (const tab of field.tabs) {
+        const tabDefaults = {};
+        for (const [subName, subField] of Object.entries(tab.fields)) {
+          if (subField.type === "ui") continue;
+          tabDefaults[subName] = getFormDefaultValue({ field: subField });
+        }
+        result[tab.slug] = tabDefaults;
+      }
+      continue;
+    }
     result[fieldName] = getFormDefaultValue({ field });
   }
   return result;
@@ -1915,8 +2170,16 @@ function ui(props) {
   };
 }
 
+// src/fields/tabs/config.ts
+function tabs(props) {
+  return {
+    ...props,
+    type: "tabs"
+  };
+}
+
 // src/types/fields.ts
-var RESERVED_BLOCK_FIELD_NAMES = ["blockType", "blockName", "_key"];
+var RESERVED_BLOCK_FIELD_NAMES = ["blockType", "blockName", "_key", "blockStyles"];
 
 // src/blocks/defineBlock.ts
 function defineBlock(props) {
@@ -1934,6 +2197,23 @@ function defineBlock(props) {
       );
     }
   }
+  const VALID_STYLE_TIERS = ["container", "text", "layout", "media"];
+  if (props.admin?.blockStyles && props.admin.blockStyles !== true) {
+    if (!Array.isArray(props.admin.blockStyles)) {
+      throw new VexBlockValidationError(
+        props.slug,
+        `admin.blockStyles must be true or an array of style tier names. Got: ${typeof props.admin.blockStyles}`
+      );
+    }
+    for (const tier of props.admin.blockStyles) {
+      if (!VALID_STYLE_TIERS.includes(tier)) {
+        throw new VexBlockValidationError(
+          props.slug,
+          `Invalid style tier "${tier}" in admin.blockStyles. Valid tiers: ${VALID_STYLE_TIERS.join(", ")}`
+        );
+      }
+    }
+  }
   return {
     slug: props.slug,
     label: props.label,
@@ -1943,6 +2223,237 @@ function defineBlock(props) {
   };
 }
 
+// src/styles/presets.ts
+var SPACING_PRESETS = [
+  { value: "0", label: "0", hint: "0px" },
+  { value: "0.5", label: "0.5", hint: "2px / 0.125rem" },
+  { value: "1", label: "1", hint: "4px / 0.25rem" },
+  { value: "1.5", label: "1.5", hint: "6px / 0.375rem" },
+  { value: "2", label: "2", hint: "8px / 0.5rem" },
+  { value: "3", label: "3", hint: "12px / 0.75rem" },
+  { value: "4", label: "4", hint: "16px / 1rem" },
+  { value: "5", label: "5", hint: "20px / 1.25rem" },
+  { value: "6", label: "6", hint: "24px / 1.5rem" },
+  { value: "8", label: "8", hint: "32px / 2rem" },
+  { value: "10", label: "10", hint: "40px / 2.5rem" },
+  { value: "12", label: "12", hint: "48px / 3rem" },
+  { value: "16", label: "16", hint: "64px / 4rem" },
+  { value: "20", label: "20", hint: "80px / 5rem" },
+  { value: "24", label: "24", hint: "96px / 6rem" }
+];
+var FONT_SIZE_PRESETS = [
+  { value: "xs", label: "XS", hint: "12px / 0.75rem" },
+  { value: "sm", label: "SM", hint: "14px / 0.875rem" },
+  { value: "base", label: "Base", hint: "16px / 1rem" },
+  { value: "lg", label: "LG", hint: "18px / 1.125rem" },
+  { value: "xl", label: "XL", hint: "20px / 1.25rem" },
+  { value: "2xl", label: "2XL", hint: "24px / 1.5rem" },
+  { value: "3xl", label: "3XL", hint: "30px / 1.875rem" },
+  { value: "4xl", label: "4XL", hint: "36px / 2.25rem" },
+  { value: "5xl", label: "5XL", hint: "48px / 3rem" }
+];
+var FONT_WEIGHT_PRESETS = [
+  { value: "thin", label: "Thin", hint: "100" },
+  { value: "light", label: "Light", hint: "300" },
+  { value: "normal", label: "Normal", hint: "400" },
+  { value: "medium", label: "Medium", hint: "500" },
+  { value: "semibold", label: "Semibold", hint: "600" },
+  { value: "bold", label: "Bold", hint: "700" },
+  { value: "extrabold", label: "Extra Bold", hint: "800" }
+];
+var BORDER_RADIUS_PRESETS = [
+  { value: "none", label: "None", hint: "0px" },
+  { value: "sm", label: "SM", hint: "2px / 0.125rem" },
+  { value: "DEFAULT", label: "Default", hint: "4px / 0.25rem" },
+  { value: "md", label: "MD", hint: "6px / 0.375rem" },
+  { value: "lg", label: "LG", hint: "8px / 0.5rem" },
+  { value: "xl", label: "XL", hint: "12px / 0.75rem" },
+  { value: "2xl", label: "2XL", hint: "16px / 1rem" },
+  { value: "3xl", label: "3XL", hint: "24px / 1.5rem" },
+  { value: "full", label: "Full", hint: "9999px" }
+];
+var BOX_SHADOW_PRESETS = [
+  { value: "none", label: "None", hint: "no shadow" },
+  { value: "sm", label: "SM", hint: "small" },
+  { value: "DEFAULT", label: "Default", hint: "medium" },
+  { value: "md", label: "MD", hint: "medium" },
+  { value: "lg", label: "LG", hint: "large" },
+  { value: "xl", label: "XL", hint: "extra large" },
+  { value: "2xl", label: "2XL", hint: "xx-large" }
+];
+var OPACITY_PRESETS = [
+  { value: "0", label: "0%", hint: "invisible" },
+  { value: "5", label: "5%", hint: "" },
+  { value: "10", label: "10%", hint: "" },
+  { value: "25", label: "25%", hint: "" },
+  { value: "50", label: "50%", hint: "" },
+  { value: "75", label: "75%", hint: "" },
+  { value: "100", label: "100%", hint: "fully visible" }
+];
+var WIDTH_PRESETS = [
+  { value: "auto", label: "Auto", hint: "auto" },
+  { value: "full", label: "Full", hint: "100%" },
+  { value: "screen", label: "Screen", hint: "100vw" },
+  { value: "1/2", label: "1/2", hint: "50%" },
+  { value: "1/3", label: "1/3", hint: "33.33%" },
+  { value: "2/3", label: "2/3", hint: "66.67%" },
+  { value: "1/4", label: "1/4", hint: "25%" },
+  { value: "3/4", label: "3/4", hint: "75%" },
+  { value: "max", label: "Max Content", hint: "max-content" },
+  { value: "fit", label: "Fit Content", hint: "fit-content" }
+];
+var MAX_WIDTH_PRESETS = [
+  { value: "none", label: "None", hint: "no limit" },
+  { value: "xs", label: "XS", hint: "320px / 20rem" },
+  { value: "sm", label: "SM", hint: "384px / 24rem" },
+  { value: "md", label: "MD", hint: "448px / 28rem" },
+  { value: "lg", label: "LG", hint: "512px / 32rem" },
+  { value: "xl", label: "XL", hint: "576px / 36rem" },
+  { value: "2xl", label: "2XL", hint: "672px / 42rem" },
+  { value: "3xl", label: "3XL", hint: "768px / 48rem" },
+  { value: "4xl", label: "4XL", hint: "896px / 56rem" },
+  { value: "5xl", label: "5XL", hint: "1024px / 64rem" },
+  { value: "6xl", label: "6XL", hint: "1152px / 72rem" },
+  { value: "7xl", label: "7XL", hint: "1280px / 80rem" },
+  { value: "full", label: "Full", hint: "100%" },
+  { value: "screen", label: "Screen", hint: "100vw" }
+];
+var LINE_HEIGHT_PRESETS = [
+  { value: "none", label: "None", hint: "1" },
+  { value: "tight", label: "Tight", hint: "1.25" },
+  { value: "snug", label: "Snug", hint: "1.375" },
+  { value: "normal", label: "Normal", hint: "1.5" },
+  { value: "relaxed", label: "Relaxed", hint: "1.625" },
+  { value: "loose", label: "Loose", hint: "2" }
+];
+var LETTER_SPACING_PRESETS = [
+  { value: "tighter", label: "Tighter", hint: "-0.05em" },
+  { value: "tight", label: "Tight", hint: "-0.025em" },
+  { value: "normal", label: "Normal", hint: "0em" },
+  { value: "wide", label: "Wide", hint: "0.025em" },
+  { value: "wider", label: "Wider", hint: "0.05em" },
+  { value: "widest", label: "Widest", hint: "0.1em" }
+];
+var BORDER_WIDTH_PRESETS = [
+  { value: "0", label: "None", hint: "0px" },
+  { value: "DEFAULT", label: "Default", hint: "1px" },
+  { value: "2", label: "2", hint: "2px" },
+  { value: "4", label: "4", hint: "4px" },
+  { value: "8", label: "8", hint: "8px" }
+];
+var ASPECT_RATIO_PRESETS = [
+  { value: "auto", label: "Auto", hint: "auto" },
+  { value: "square", label: "Square", hint: "1 / 1" },
+  { value: "video", label: "Video", hint: "16 / 9" },
+  { value: "4/3", label: "4:3", hint: "4 / 3" },
+  { value: "3/2", label: "3:2", hint: "3 / 2" }
+];
+
+// src/styles/blockStylesToTailwind.ts
+var PROPERTY_CLASS_MAP = {
+  // Container — spacing
+  margin: (v2) => `m-${v2}`,
+  marginTop: (v2) => `mt-${v2}`,
+  marginRight: (v2) => `mr-${v2}`,
+  marginBottom: (v2) => `mb-${v2}`,
+  marginLeft: (v2) => `ml-${v2}`,
+  padding: (v2) => `p-${v2}`,
+  paddingTop: (v2) => `pt-${v2}`,
+  paddingRight: (v2) => `pr-${v2}`,
+  paddingBottom: (v2) => `pb-${v2}`,
+  paddingLeft: (v2) => `pl-${v2}`,
+  // Container — sizing
+  width: (v2) => `w-${v2}`,
+  maxWidth: (v2) => `max-w-${v2}`,
+  // Container — background
+  backgroundColor: (v2) => {
+    if (v2.startsWith("var(") || v2.startsWith("#") || v2.startsWith("rgb") || v2.startsWith("hsl") || v2.startsWith("oklch")) {
+      return `bg-[${v2}]`;
+    }
+    return `bg-${v2}`;
+  },
+  // Container — border
+  borderWidth: (v2) => v2 === "DEFAULT" ? "border" : `border-${v2}`,
+  borderColor: (v2) => {
+    if (v2.startsWith("var(") || v2.startsWith("#") || v2.startsWith("rgb") || v2.startsWith("hsl") || v2.startsWith("oklch")) {
+      return `border-[${v2}]`;
+    }
+    return `border-${v2}`;
+  },
+  borderStyle: (v2) => `border-${v2}`,
+  borderRadius: (v2) => v2 === "DEFAULT" ? "rounded" : `rounded-${v2}`,
+  // Container — effects
+  boxShadow: (v2) => v2 === "DEFAULT" ? "shadow" : `shadow-${v2}`,
+  opacity: (v2) => `opacity-${v2}`,
+  // Container — display
+  display: (v2) => {
+    if (v2 === "inline-flex") return "inline-flex";
+    return v2;
+  },
+  overflow: (v2) => `overflow-${v2}`,
+  // Text
+  textAlign: (v2) => `text-${v2}`,
+  fontSize: (v2) => `text-${v2}`,
+  fontWeight: (v2) => `font-${v2}`,
+  color: (v2) => {
+    if (v2.startsWith("var(") || v2.startsWith("#") || v2.startsWith("rgb") || v2.startsWith("hsl") || v2.startsWith("oklch")) {
+      return `text-[${v2}]`;
+    }
+    return `text-${v2}`;
+  },
+  lineHeight: (v2) => `leading-${v2}`,
+  letterSpacing: (v2) => `tracking-${v2}`,
+  // Layout
+  gap: (v2) => `gap-${v2}`,
+  flexDirection: (v2) => {
+    const map = {
+      row: "flex-row",
+      column: "flex-col",
+      "row-reverse": "flex-row-reverse",
+      "column-reverse": "flex-col-reverse"
+    };
+    return map[v2] ?? `flex-${v2}`;
+  },
+  alignItems: (v2) => `items-${v2}`,
+  justifyContent: (v2) => `justify-${v2}`,
+  flexWrap: (v2) => `flex-${v2}`,
+  // Media
+  objectFit: (v2) => `object-${v2}`,
+  aspectRatio: (v2) => `aspect-${v2}`,
+  objectPosition: (v2) => `object-${v2}`
+};
+function stylesToClasses(props) {
+  const classes = [];
+  for (const [key, value] of Object.entries(props.styles)) {
+    if (value === void 0 || value === null || value === "") continue;
+    const mapper = PROPERTY_CLASS_MAP[key];
+    if (!mapper) continue;
+    classes.push(mapper(String(value)));
+  }
+  return classes;
+}
+function blockStylesToTailwind(props) {
+  if (!props.blockStylesJson) return "";
+  let data;
+  try {
+    data = JSON.parse(props.blockStylesJson);
+  } catch {
+    return "";
+  }
+  const result = [];
+  if (data.base) {
+    result.push(...stylesToClasses({ styles: data.base }));
+  }
+  const breakpointKeys = Object.keys(data).filter((k) => k !== "base").sort();
+  for (const bp of breakpointKeys) {
+    const classes = stylesToClasses({ styles: data[bp] });
+    for (const cls of classes) {
+      result.push(`${bp}:${cls}`);
+    }
+  }
+  return result.join(" ");
+}
+
 // src/typeGen/slugToInterfaceName.ts
 function slugToInterfaceName(props) {
   return props.slug.replace(/[-_]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean).map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1).toLowerCase()).join("");
@@ -1963,8 +2474,14 @@ function fieldToTypeString(props) {
       return "string";
     case "json":
       return "Record<string, unknown>";
+    case "object":
+      return "Record<string, unknown>";
     case "richtext":
       return "RichTextDocument";
+    case "color":
+      return "string";
+    case "tabs":
+      return "Record<string, unknown>";
     case "ui":
       return "never";
     case "select": {
@@ -1986,7 +2503,7 @@ function fieldToTypeString(props) {
     }
     case "array": {
       const inner = fieldToTypeString({
-        field: props.field.field,
+        field: props.field.items,
         blockInterfaceNames: props.blockInterfaceNames
       });
       const needsParens = inner.includes("|");
@@ -2023,6 +2540,10 @@ function generateVexTypes(props) {
             collectBlocks(block.fields);
           }
         }
+      } else if (field.type === "tabs") {
+        for (const tab of field.tabs) {
+          collectBlocks(tab.fields);
+        }
       }
     }
   }
@@ -2093,6 +2614,10 @@ function generateVexTypes(props) {
     for (const field of Object.values(fields)) {
       if (field.type === "relationship" || field.type === "upload") {
         needsIdImport = true;
+      } else if (field.type === "tabs") {
+        for (const tab of field.tabs) {
+          checkForIdFields(tab.fields);
+        }
       }
     }
   }
@@ -2118,6 +2643,10 @@ function generateVexTypes(props) {
     for (const field of Object.values(fields)) {
       if (field.type === "richtext") {
         needsRichTextImport = true;
+      } else if (field.type === "tabs") {
+        for (const tab of field.tabs) {
+          checkForRichTextFields(tab.fields);
+        }
       }
     }
   }
@@ -2212,6 +2741,7 @@ function generateVexTypes(props) {
       generateGlobalInterface({
         name,
         slug: g.slug,
+        tableName: g.tableName ?? g.slug,
         fields: g.fields,
         blockInterfaceNames
       })
@@ -2240,18 +2770,7 @@ function generateBlockInterface(props) {
   lines.push(`  blockType: '${props.block.slug}';`);
   lines.push(`  blockName?: string;`);
   lines.push(`  _key: string;`);
-  for (const [fieldName, field] of Object.entries(props.block.fields)) {
-    const f = field;
-    if (f.type === "ui") continue;
-    const label = f.label;
-    if (label) lines.push(`  /** ${label} */`);
-    const optional = f.required ? "" : "?";
-    const typeStr = fieldToTypeString({
-      field: f,
-      blockInterfaceNames: props.blockInterfaceNames
-    });
-    lines.push(`  ${fieldName}${optional}: ${typeStr};`);
-  }
+  lines.push(...generateFieldLines({ fields: props.block.fields, blockInterfaceNames: props.blockInterfaceNames }));
   lines.push("}");
   return lines.join("\n");
 }
@@ -2265,18 +2784,7 @@ function generateCollectionInterface(props) {
     lines.push(`  vex_version?: number;`);
     lines.push(`  vex_publishedAt?: number;`);
   }
-  for (const [fieldName, field] of Object.entries(props.fields)) {
-    const f = field;
-    if (f.type === "ui") continue;
-    const label = f.label;
-    if (label) lines.push(`  /** ${label} */`);
-    const optional = f.required ? "" : "?";
-    const typeStr = fieldToTypeString({
-      field: f,
-      blockInterfaceNames: props.blockInterfaceNames
-    });
-    lines.push(`  ${fieldName}${optional}: ${typeStr};`);
-  }
+  lines.push(...generateFieldLines({ fields: props.fields, blockInterfaceNames: props.blockInterfaceNames }));
   lines.push("}");
   return lines.join("\n");
 }
@@ -2293,42 +2801,58 @@ function generateMediaCollectionInterface(props) {
   lines.push(`  width?: number;`);
   lines.push(`  height?: number;`);
   const lockedSet = /* @__PURE__ */ new Set([...LOCKED_MEDIA_FIELDS, ...OVERRIDABLE_MEDIA_FIELDS]);
+  const filteredFields = {};
   for (const [fieldName, field] of Object.entries(props.userFields)) {
     if (lockedSet.has(fieldName)) continue;
-    const f = field;
-    if (f.type === "ui") continue;
-    const label = f.label;
-    if (label) lines.push(`  /** ${label} */`);
-    const optional = f.required ? "" : "?";
-    const typeStr = fieldToTypeString({
-      field: f,
-      blockInterfaceNames: props.blockInterfaceNames
-    });
-    lines.push(`  ${fieldName}${optional}: ${typeStr};`);
+    filteredFields[fieldName] = field;
   }
+  lines.push(...generateFieldLines({ fields: filteredFields, blockInterfaceNames: props.blockInterfaceNames }));
   lines.push("}");
   return lines.join("\n");
 }
 function generateGlobalInterface(props) {
   const lines = [];
   lines.push(`export interface ${props.name} {`);
-  lines.push(`  _id: Id<'vex_globals'>;`);
+  lines.push(`  _id: Id<'${props.tableName}'>;`);
   lines.push(`  _creationTime: number;`);
-  lines.push(`  vexGlobalSlug: '${props.slug}';`);
+  lines.push(...generateFieldLines({ fields: props.fields, blockInterfaceNames: props.blockInterfaceNames }));
+  lines.push("}");
+  return lines.join("\n");
+}
+function generateFieldLines(props) {
+  const lines = [];
   for (const [fieldName, field] of Object.entries(props.fields)) {
     const f = field;
     if (f.type === "ui") continue;
-    const label = f.label;
-    if (label) lines.push(`  /** ${label} */`);
-    const optional = f.required ? "" : "?";
-    const typeStr = fieldToTypeString({
-      field: f,
-      blockInterfaceNames: props.blockInterfaceNames
-    });
-    lines.push(`  ${fieldName}${optional}: ${typeStr};`);
+    if (f.type === "tabs") {
+      const tabsField = f;
+      for (const tab of tabsField.tabs) {
+        const innerProps = [];
+        for (const [innerName, innerField] of Object.entries(tab.fields)) {
+          if (innerField.type === "ui") continue;
+          const innerOptional = innerField.required ? "" : "?";
+          const innerTypeStr = fieldToTypeString({
+            field: innerField,
+            blockInterfaceNames: props.blockInterfaceNames
+          });
+          innerProps.push(`${innerName}${innerOptional}: ${innerTypeStr}`);
+        }
+        if (innerProps.length > 0) {
+          lines.push(`  ${tab.slug}?: { ${innerProps.join("; ")} };`);
+        }
+      }
+    } else {
+      const label = f.label;
+      if (label) lines.push(`  /** ${label} */`);
+      const optional = f.required ? "" : "?";
+      const typeStr = fieldToTypeString({
+        field: f,
+        blockInterfaceNames: props.blockInterfaceNames
+      });
+      lines.push(`  ${fieldName}${optional}: ${typeStr};`);
+    }
   }
-  lines.push("}");
-  return lines.join("\n");
+  return lines;
 }
 
 // src/versioning/constants.ts
@@ -2621,6 +3145,25 @@ function generateCollectionQueries(props) {
       slugs.push(collection.slug);
     }
   }
+  if (config.globals) {
+    for (const global of config.globals) {
+      if (slugs.includes(global.slug)) continue;
+      const collection = {
+        slug: global.slug,
+        tableName: global.tableName ?? global.slug,
+        fields: global.fields,
+        searchIndexes: void 0
+      };
+      const { apiFile, modelFile } = generateCollectionPair({
+        collection,
+        isMedia: false,
+        imports
+      });
+      result[`api/${global.slug}.ts`] = apiFile;
+      result[`model/api/${global.slug}.ts`] = modelFile;
+      slugs.push(global.slug);
+    }
+  }
   if (config.auth?.collections) {
     for (const collection of config.auth.collections) {
       if (!collection.generateApi) continue;
@@ -3156,13 +3699,24 @@ function planMigration(props) {
 }
 export {
   ALL_SYSTEM_FIELDS,
+  ASPECT_RATIO_PRESETS,
+  BORDER_RADIUS_PRESETS,
+  BORDER_WIDTH_PRESETS,
+  BOX_SHADOW_PRESETS,
   DEFAULT_AUTOSAVE_INTERVAL,
   DEFAULT_BREAKPOINTS,
   DEFAULT_MAX_VERSIONS_PER_DOC,
+  FONT_SIZE_PRESETS,
+  FONT_WEIGHT_PRESETS,
   GENERATED_HEADER,
+  LETTER_SPACING_PRESETS,
+  LINE_HEIGHT_PRESETS,
   LOCKED_MEDIA_FIELDS,
+  MAX_WIDTH_PRESETS,
+  OPACITY_PRESETS,
   OVERRIDABLE_MEDIA_FIELDS,
   PREVIEW_SNAPSHOT_DEBOUNCE_MS,
+  SPACING_PRESETS,
   VERSION_SYSTEM_FIELDS,
   VexAccessConfigError,
   VexAccessError,
@@ -3172,10 +3726,15 @@ export {
   VexFieldValidationError,
   VexMediaConfigError,
   VexSlugConflictError,
+  WIDTH_PRESETS,
   addRemovedFieldsAsOptional,
   array,
+  blockStylesToTailwind,
   blocks,
+  buildSiteMetadata,
+  checkAdminAccess,
   checkbox,
+  color,
   createDocument,
   createVexQuery,
   date,
@@ -3183,6 +3742,7 @@ export {
   defineBlock,
   defineCollection,
   defineConfig,
+  defineGlobal,
   defineMediaCollection,
   deleteDocument,
   deletePreviewSnapshot,
@@ -3210,6 +3770,7 @@ export {
   makeFieldsOptional,
   mergeAuthCollectionWithUserCollection,
   number,
+  object,
   planMigration,
   relationship,
   resolvePreviewURL,
@@ -3219,6 +3780,7 @@ export {
   select,
   shouldReloadURL,
   slugToInterfaceName,
+  tabs,
   text,
   toTitleCase,
   ui,