meno-core 1.1.6 → 1.1.8

package/dist/chunks/{chunk-KX2LPIZZ.js → chunk-EKB7GGQK.js}

@@ -3,7 +3,7 @@ import {
   isI18nValue,
   resolveI18nInProps,
   resolveI18nValue
-} from "./chunk-4ZRU52J2.js";
+} from "./chunk-EJ6QOX7C.js";
 import {
   isTiptapDocument,
   tiptapToHtml
@@ -65,7 +65,7 @@ var init_errorLogger = __esm({
 
 // lib/shared/validation/schemas.ts
 import { z } from "zod";
-var BasePropTypeSchema, PropTypeSchema, I18nValueObjectSchema, BasePropDefinitionSchema, EnumsConfigSchema, ListItemSchemaSchema, ListPropDefinitionSchema, PropDefinitionSchema, StyleMappingSchema, BooleanMappingSchema, VerbatimCodeSchema, IfConditionSchema, LinkMappingSchema, HtmlMappingSchema, StyleObjectSchema, ResponsiveStyleObjectSchema, StyleValueSchema, InteractiveStyleRuleSchema, InteractiveStylesSchema, SlotMarkerSchema, ComponentNodeSchema, HtmlNodeSchema, ComponentInstanceNodeSchema, EmbedNodeSchema, LinkNodeSchema, LocaleListNodeSchema, ListNodeSchemaBasic, IslandNodeSchema, MarkdownNodeSchema, CustomNodeSchema, ScriptLoadModeSchema, LibraryPositionSchema, ScriptTypeSchema, JSLibraryConfigSchema, CSSLibraryConfigSchema, LibrariesConfigSchema, StructuredComponentDefinitionSchema, ComponentDefinitionSchema, I18nOrStringSchema, LibraryMergeModeSchema, PageLibrariesConfigSchema, CustomCodeConfigSchema, SitemapPageConfigSchema, PageMetaDataBaseSchema, PageMetaDataSchema, LineRangeSchema, JSONPageSchema, PageDataWithComponentSchema, PageDataSchema, CMSFieldTypeSchema, CMSFieldDefinitionSchema, CMSClientDataStrategySchema, CMSClientDataConfigSchema, CMSSchemaSchema, CMSItemSchema, CMSDraftItemSchema, CMSFilterConditionSchema, CMSSortConfigSchema, CMSListQuerySchema, CMSListNodeSchema, PageCmsConfigSchema, PageDataSourceSchema, PageDataConfigSchema, PageMetaDataWithCMSSchema;
+var BasePropTypeSchema, PropTypeSchema, I18nValueObjectSchema, BasePropDefinitionSchema, EnumsConfigSchema, ListItemSchemaSchema, ListPropDefinitionSchema, CMS_ONLY_FIELD_TYPES, ReferencePropDefinitionSchema, PropDefinitionSchema, StyleMappingSchema, BooleanMappingSchema, VerbatimCodeSchema, IfConditionSchema, LinkMappingSchema, HtmlMappingSchema, StyleObjectSchema, ResponsiveStyleObjectSchema, StyleValueSchema, InteractiveStyleRuleSchema, InteractiveStylesSchema, SlotMarkerSchema, ComponentNodeSchema, HtmlNodeSchema, ComponentInstanceNodeSchema, EmbedNodeSchema, LinkNodeSchema, LocaleListNodeSchema, ListNodeSchemaBasic, IslandNodeSchema, MarkdownNodeSchema, CustomNodeSchema, ScriptLoadModeSchema, LibraryPositionSchema, ScriptTypeSchema, JSLibraryConfigSchema, CSSLibraryConfigSchema, LibrariesConfigSchema, StructuredComponentDefinitionSchema, ComponentDefinitionSchema, I18nOrStringSchema, LibraryMergeModeSchema, PageLibrariesConfigSchema, CustomCodeConfigSchema, SitemapPageConfigSchema, PageMetaDataBaseSchema, PageMetaDataSchema, LineRangeSchema, JSONPageSchema, PageDataWithComponentSchema, PageDataSchema, CMSFieldTypeSchema, CMSFieldDefinitionSchema, CMSClientDataStrategySchema, CMSClientDataConfigSchema, CMSSchemaSchema, CMSItemSchema, CMSDraftItemSchema, CMSFilterConditionSchema, CMSSortConfigSchema, CMSListQuerySchema, CMSListNodeSchema, PageCmsConfigSchema, PageDataSourceSchema, PageDataConfigSchema, PageMetaDataWithCMSSchema;
 var init_schemas = __esm({
   "lib/shared/validation/schemas.ts"() {
     "use strict";
@@ -89,7 +89,8 @@ var init_schemas = __esm({
       "file",
       "rich-text",
       "embed",
-      "list"
+      "list",
+      "reference"
     ]);
     I18nValueObjectSchema = z.object({
       _i18n: z.literal(true)
@@ -132,17 +133,60 @@ var init_schemas = __esm({
         )
       ).optional()
     }).passthrough();
+    CMS_ONLY_FIELD_TYPES = {
+      text: "string",
+      image: "file",
+      date: "string"
+    };
+    ReferencePropDefinitionSchema = z.object({
+      type: z.literal("reference"),
+      collection: z.string(),
+      multiple: z.boolean().optional(),
+      default: z.union([z.string(), z.array(z.string())]).optional()
+    }).passthrough();
     PropDefinitionSchema = z.object({ type: z.string() }).passthrough().superRefine((val, ctx) => {
-      const branch = val.type === "list" ? ListPropDefinitionSchema : BasePropDefinitionSchema;
+      const suggestion = CMS_ONLY_FIELD_TYPES[val.type];
+      if (suggestion) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["type"],
+          message: `"${val.type}" is a CMS field type, not a component prop type \u2014 use "${suggestion}". Valid prop types: ${PropTypeSchema.options.join(", ")}`
+        });
+        return;
+      }
+      const branch = val.type === "list" ? ListPropDefinitionSchema : val.type === "reference" ? ReferencePropDefinitionSchema : BasePropDefinitionSchema;
       const result = branch.safeParse(val);
       if (result.success) return;
       if (val.type === "list") {
+        const itemSchema = val.itemSchema;
+        let named = false;
+        if (itemSchema && typeof itemSchema === "object") {
+          for (const [field, def] of Object.entries(itemSchema)) {
+            const fieldType = def?.type;
+            const fix = typeof fieldType === "string" ? CMS_ONLY_FIELD_TYPES[fieldType] : void 0;
+            if (!fix) continue;
+            named = true;
+            ctx.addIssue({
+              code: z.ZodIssueCode.custom,
+              path: ["itemSchema", field, "type"],
+              message: `"${fieldType}" is a CMS field type, not a component prop type \u2014 use "${fix}". Valid list-item field types: ${BasePropTypeSchema.options.join(", ")}`
+            });
+          }
+        }
+        if (named) return;
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
           message: "list prop requires `itemSchema` and an object-array `default` (each item is a `{ field: value }` object, not a bare string)"
         });
         return;
       }
+      if (val.type === "reference") {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "reference prop requires a `collection` name, and `default` must be an item id string (or an array of ids when `multiple` is true)"
+        });
+        return;
+      }
       for (const issue of result.error.issues) ctx.addIssue(issue);
     });
     StyleMappingSchema = z.object({
@@ -156,7 +200,13 @@ var init_schemas = __esm({
       values: z.record(z.string(), z.boolean())
     }).passthrough();
     VerbatimCodeSchema = z.object({ _code: z.literal(true), expr: z.string() }).passthrough();
-    IfConditionSchema = z.union([z.boolean(), z.string(), BooleanMappingSchema, VerbatimCodeSchema]);
+    IfConditionSchema = z.union([
+      z.boolean(),
+      z.string(),
+      BooleanMappingSchema,
+      I18nValueObjectSchema,
+      VerbatimCodeSchema
+    ]);
     LinkMappingSchema = z.object({
       _mapping: z.literal(true),
       prop: z.string(),
@@ -2327,7 +2377,7 @@ function getScaleMultiplier(scales, property, breakpoint) {
   return scaleConfig?.[breakpoint] ?? null;
 }
 function parseMultiValue(valueStr) {
-  const normalized = valueStr.replace(/(?<=\w)-(?=\d|auto|inherit|initial|unset)/g, " ");
+  const normalized = valueStr.includes("(") ? valueStr : valueStr.replace(/(?<=\w)-(?=\d|auto|inherit|initial|unset)/g, " ");
   return normalized.trim().split(/\s+/).filter((v) => v.length > 0);
 }
 function scaleValue(valueStr, baseReference, scale) {
@@ -3153,6 +3203,30 @@ function isStyleValue(style) {
   }
   return isStyleObject(style);
 }
+function physicalizeBoxSpacing(style) {
+  const s = style;
+  for (const family of ["padding", "margin"]) {
+    const inline = s[`${family}Inline`];
+    const block = s[`${family}Block`];
+    if (inline == null && block == null) continue;
+    delete s[`${family}Inline`];
+    delete s[`${family}Block`];
+    const hasPhysical = s[family] != null || s[`${family}Top`] != null || s[`${family}Right`] != null || s[`${family}Bottom`] != null || s[`${family}Left`] != null;
+    if (typeof inline === "string" && typeof block === "string" && !hasPhysical) {
+      s[family] = `${block} ${inline}`;
+      continue;
+    }
+    if (inline != null) {
+      if (s[`${family}Left`] == null) s[`${family}Left`] = inline;
+      if (s[`${family}Right`] == null) s[`${family}Right`] = inline;
+    }
+    if (block != null) {
+      if (s[`${family}Top`] == null) s[`${family}Top`] = block;
+      if (s[`${family}Bottom`] == null) s[`${family}Bottom`] = block;
+    }
+  }
+  return style;
+}
 
 // lib/shared/responsiveStyleUtils.ts
 function mergeResponsiveStyles(responsiveStyle, strategy = "all", viewportWidth, breakpoints = DEFAULT_BREAKPOINTS) {
@@ -3379,10 +3453,14 @@ function isNodeType(node, nodeType) {
   const { globalNodeTypeManager: globalNodeTypeManager2 } = (init_registry(), __toCommonJS(registry_exports));
   return globalNodeTypeManager2.getClient().isType(node, nodeType);
 }
+function resolveIfI18n(value, locale, config) {
+  const cfg = config || DEFAULT_I18N_CONFIG;
+  return resolveI18nValue(value, locale || cfg.defaultLocale, cfg);
+}
 function isBooleanMapping(value) {
   return value !== null && typeof value === "object" && "_mapping" in value && value._mapping === true && "prop" in value && typeof value.prop === "string" && "values" in value && typeof value.values === "object";
 }
-function evaluateNodeIf(node, props) {
+function evaluateNodeIf(node, props, i18n) {
   const ifValue = hasIf(node) ? node.if : void 0;
   if (ifValue === void 0) {
     return true;
@@ -3390,6 +3468,9 @@ function evaluateNodeIf(node, props) {
   if (typeof ifValue === "boolean") {
     return ifValue;
   }
+  if (isI18nValue(ifValue)) {
+    return Boolean(resolveIfI18n(ifValue, i18n?.locale, i18n?.config));
+  }
   if (isBooleanMapping(ifValue)) {
     if (!props) {
       return true;
@@ -3531,6 +3612,10 @@ function validateSingleProp(propName, propDef, value) {
       coercedValue = value;
       typeValid = Array.isArray(value) || isI18nValue(value);
       break;
+    case "reference":
+      coercedValue = value;
+      typeValid = typeof value === "string" || Array.isArray(value);
+      break;
     default:
       return {
         valid: false,
@@ -5271,6 +5356,46 @@ var THEME_SCALE_BY_CLASS = new Map(
 var THEME_SCALE_BY_CSSVAR = new Map(
   THEME_SCALE_ENTRIES.map((e) => [e.cssVar, e])
 );
+var SPECS_BY_ROOT = (() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const spec of SPECS) {
+    const existing = map.get(spec.root);
+    if (existing) existing.push(spec);
+    else map.set(spec.root, [spec]);
+  }
+  return map;
+})();
+function resolveThemeScaleToken(root, suffix, knownTokens) {
+  if (!knownTokens || !suffix) return null;
+  const specs = SPECS_BY_ROOT.get(root);
+  if (!specs) return null;
+  for (const spec of specs) {
+    const name = `${spec.varPrefix}-${suffix}`;
+    if (knownTokens.has(name)) {
+      return { property: spec.property, cssVar: `--${name}`, value: `var(--${name})` };
+    }
+  }
+  return null;
+}
+function themeScaleClassForToken(cssVar, property) {
+  const name = cssVar.startsWith("--") ? cssVar.slice(2) : cssVar;
+  for (const spec of SPECS) {
+    if (spec.property !== property) continue;
+    const prefix = `${spec.varPrefix}-`;
+    if (name.startsWith(prefix) && name.length > prefix.length) {
+      return `${spec.root}-${name.slice(prefix.length)}`;
+    }
+  }
+  return null;
+}
+var THEME_SCALE_ROOT_PROPERTY = {
+  font: "fontFamily",
+  rounded: "borderRadius",
+  shadow: "boxShadow",
+  leading: "lineHeight",
+  tracking: "letterSpacing",
+  "max-w": "maxWidth"
+};
 function themeScaleValue(entry) {
   return `var(${entry.cssVar})`;
 }
@@ -5727,6 +5852,10 @@ function parseRootValue(root, rest, knownTokens) {
     const value = `var(--${rest})`;
     return { property: resolveRootProperty(root, value), value, root, kind: "var" };
   }
+  const themeToken = resolveThemeScaleToken(root, rest, knownTokens);
+  if (themeToken) {
+    return { property: themeToken.property, value: themeToken.value, root, kind: "var" };
+  }
   if (HASH_VALUE_RE.test(rest)) {
     return { property: prefixToCSSProperty[root] ?? root, value: null, root, kind: "hash" };
   }
@@ -5808,6 +5937,8 @@ function propertyValueToClass(prop, value) {
     if (entry && entry.property === camelToKebab(prop)) {
       return entry.className;
     }
+    const tokenClass = themeScaleClassForToken(varRef[1] ?? "", camelToKebab(prop));
+    if (tokenClass) return tokenClass;
   }
   if (prop === "fontFamily") {
     stringValue = stringValue.split(",").map((font) => {
@@ -6073,7 +6204,7 @@ function classToStyle(className, knownTokens) {
   }
   return { prop, value };
 }
-function classesToStyles(classes, knownTokens) {
+function classesToStyles(classes, knownTokens, options) {
   const styles = { base: {}, tablet: {}, mobile: {} };
   for (const className of classes) {
     const { breakpoint: variant, base: cleanClass } = splitVariantPrefix(className);
@@ -6095,6 +6226,12 @@ function classesToStyles(classes, knownTokens) {
       }
     }
   }
+  if (options?.physicalize !== false) {
+    for (const bp of ["base", "tablet", "mobile"]) {
+      const bucket = styles[bp];
+      if (bucket) physicalizeBoxSpacing(bucket);
+    }
+  }
   if (Object.keys(styles.tablet || {}).length === 0) delete styles.tablet;
   if (Object.keys(styles.mobile || {}).length === 0) delete styles.mobile;
   const hasAny = Object.keys(styles.base || {}).length > 0 || Object.keys(styles.tablet || {}).length > 0 || Object.keys(styles.mobile || {}).length > 0;
@@ -6120,8 +6257,14 @@ function classMergeKey(className) {
   if (entry) return `${bp}|${entry.prop}`;
   const dash = base.indexOf("-");
   if (dash > 0) {
-    const prop = COLOR_ROOT_TO_PROP[base.slice(0, dash)];
-    if (prop && /^[a-zA-Z][\w-]*$/.test(base.slice(dash + 1))) return `${bp}|${prop}`;
+    const root = base.slice(0, dash);
+    const suffix = base.slice(dash + 1);
+    if (/^[a-zA-Z][\w-]*$/.test(suffix)) {
+      const colorProp = COLOR_ROOT_TO_PROP[root];
+      if (colorProp) return `${bp}|${colorProp}`;
+      const themeProp = THEME_SCALE_ROOT_PROPERTY[root];
+      if (themeProp) return `${bp}|${themeProp}`;
+    }
   }
   return null;
 }
@@ -6738,6 +6881,8 @@ var PX_KEEP_PROPERTIES = /* @__PURE__ */ new Set([
   "border-right-width",
   "border-bottom-width",
   "border-left-width",
+  "border-inline-width",
+  "border-block-width",
   "outline-width",
   "outline-offset",
   "border",
@@ -6828,22 +6973,71 @@ var utilityClassRules = (() => {
   }
   return rules;
 })();
+var AXIS_ROOT_LONGHANDS = {
+  size: ["width", "height"],
+  px: ["padding-left", "padding-right"],
+  py: ["padding-top", "padding-bottom"],
+  mx: ["margin-left", "margin-right"],
+  my: ["margin-top", "margin-bottom"],
+  ...ROUNDED_SIDE_CORNERS
+};
+function declarationsForRoot(root, property, value) {
+  const longhands = root ? AXIS_ROOT_LONGHANDS[root] : void 0;
+  if (longhands) return `${longhands[0]}: ${value}; ${longhands[1]}: ${value};`;
+  return `${property}: ${value};`;
+}
 function resolveScalablePropertyValue(className) {
   const parsed = parseUtilityClass(className);
   if (!parsed) return null;
-  if (parsed.value != null) return { property: parsed.property, value: parsed.value };
+  if (parsed.value != null) return { property: parsed.property, value: parsed.value, root: parsed.root };
   const registered = getStyleValue(className);
   if (registered == null || registered === "") return null;
   const value = String(registered);
   const property = parsed.root ? resolveRootProperty(parsed.root, value) : parsed.property;
-  return { property, value };
+  return { property, value, root: parsed.root };
 }
 var borderSideMap = {
+  border: "border",
   "border-t": "border-top",
   "border-r": "border-right",
   "border-b": "border-bottom",
-  "border-l": "border-left"
+  "border-l": "border-left",
+  "border-x": "border-inline",
+  "border-y": "border-block"
 };
+var BORDER_STYLE_VALUES = /* @__PURE__ */ new Set([
+  "none",
+  "hidden",
+  "solid",
+  "dashed",
+  "dotted",
+  "double",
+  "groove",
+  "ridge",
+  "inset",
+  "outset"
+]);
+var BORDER_DEFAULT_STYLE = "solid";
+function isBorderWidthToken(token) {
+  return /^-?(?:\d+|\d*\.\d+)[a-z%]*$/i.test(token) || /^(?:thin|medium|thick)$/i.test(token) || /^(?:calc|min|max|clamp)\(/i.test(token);
+}
+function splitBorderShorthand(value) {
+  const tokens = [];
+  let depth = 0;
+  let current = "";
+  for (const char of value) {
+    if (char === "(" || char === "[") depth++;
+    else if (char === ")" || char === "]") depth--;
+    if (depth === 0 && /\s/.test(char)) {
+      if (current) tokens.push(current);
+      current = "";
+      continue;
+    }
+    current += char;
+  }
+  if (current) tokens.push(current);
+  return tokens;
+}
 function generateRuleForClass(className, knownTokens) {
   if (utilityClassRules[className]) {
     return utilityClassRules[className];
@@ -6875,35 +7069,24 @@ function generateRuleForClass(className, knownTokens) {
   } else {
     value = parsed.value;
   }
-  if (root === "size") {
-    return `width: ${value}; height: ${value};`;
-  }
-  const sideCorners = root ? ROUNDED_SIDE_CORNERS[root] : void 0;
-  if (sideCorners) {
-    return `${sideCorners[0]}: ${value}; ${sideCorners[1]}: ${value};`;
-  }
-  if (root === "px") {
-    return `padding-left: ${value}; padding-right: ${value};`;
-  }
-  if (root === "py") {
-    return `padding-top: ${value}; padding-bottom: ${value};`;
-  }
-  if (root === "mx") {
-    return `margin-left: ${value}; margin-right: ${value};`;
-  }
-  if (root === "my") {
-    return `margin-top: ${value}; margin-bottom: ${value};`;
+  if (root && AXIS_ROOT_LONGHANDS[root]) {
+    return declarationsForRoot(root, property, value);
   }
   if (root && borderSideMap[root] && property !== "border-color") {
     const side = borderSideMap[root];
-    const tokens = value.split(/\s+/).filter(Boolean);
+    const tokens = splitBorderShorthand(value);
     if (tokens.length >= 2) {
       const declarations = [`${side}-width: ${tokens[0]};`, `${side}-style: ${tokens[1]};`];
-      if (tokens[2]) {
+      if (tokens.length > 2) {
         declarations.push(`${side}-color: ${tokens.slice(2).join(" ")};`);
       }
       return declarations.join(" ");
     }
+    const only = tokens[0];
+    if (only) {
+      if (BORDER_STYLE_VALUES.has(only.toLowerCase())) return `${side}-style: ${only};`;
+      if (isBorderWidthToken(only)) return `${side}-width: ${only}; ${side}-style: ${BORDER_DEFAULT_STYLE};`;
+    }
     return `${side}: ${value};`;
   }
   return `${property}: ${value};`;
@@ -6923,7 +7106,7 @@ function applyFluidToUtilityRule(rule, className, responsiveScales, breakpoints)
   const baseRef = responsiveScales.baseReference ?? 16;
   const fluidValue = buildFluidPropertyValue(propValue.value, scale, range.min, range.max, baseRef);
   if (!fluidValue) return rule;
-  return `${propValue.property}: ${fluidValue};`;
+  return declarationsForRoot(propValue.root, propValue.property, fluidValue);
 }
 function applyFluidToStyle(style, responsiveScales, breakpoints) {
   const range = responsiveScales.fluidRange ?? DEFAULT_FLUID_RANGE;
@@ -7046,7 +7229,7 @@ function generateUtilityCSS(usedClasses, breakpoints = DEFAULT_BREAKPOINTS, resp
         const finalScaledValue = remConfig?.enabled && shouldConvertProperty(propValue.property) ? convertPxToRem(scaledValue, remConfig.baseFontSize) : scaledValue;
         autoResponsiveMediaQueries[breakpointName].classes.push({
           className: escapedClassName,
-          rule: `${propValue.property}: ${finalScaledValue};`
+          rule: declarationsForRoot(propValue.root, propValue.property, finalScaledValue)
         });
       }
     }
@@ -7137,7 +7320,7 @@ function generateSingleClassCSS(className, breakpoints = DEFAULT_BREAKPOINTS, re
               const finalScaledValue = remConfig?.enabled && shouldConvertProperty(propValue.property) ? convertPxToRem(scaledValue, remConfig.baseFontSize) : scaledValue;
               css.push(
                 `@media (max-width: ${breakpointValue}px) {
-  .${escapedClassName} { ${propValue.property}: ${finalScaledValue}; }
+  .${escapedClassName} { ${declarationsForRoot(propValue.root, propValue.property, finalScaledValue)} }
 }`
               );
             }
@@ -7174,7 +7357,7 @@ function isResponsiveStyle2(style) {
 }
 function styleObjectToCSS(style) {
   const declarations = [];
-  for (const [prop, value] of Object.entries(style)) {
+  for (const [prop, value] of Object.entries(physicalizeBoxSpacing({ ...style }))) {
     if (typeof value === "object" && value !== null && "_mapping" in value) {
       continue;
     }
@@ -7370,6 +7553,7 @@ export {
   isResponsiveStyle,
   isStyleObject,
   isStyleValue,
+  physicalizeBoxSpacing,
   mergeResponsiveStyles,
   normalizeStyle,
   getAvailableBreakpoints,
@@ -7434,6 +7618,7 @@ export {
   hasComponentCss,
   getNodeTypeDefinition,
   isNodeType,
+  resolveIfI18n,
   isBooleanMapping,
   evaluateNodeIf,
   markAsSlotContent,
@@ -7518,4 +7703,4 @@ export {
   generateInteractiveCSS,
   generateAllInteractiveCSS
 };
-//# sourceMappingURL=chunk-KX2LPIZZ.js.map
+//# sourceMappingURL=chunk-EKB7GGQK.js.map