meno-core 1.1.0 → 1.1.1

package/dist/chunks/{chunk-NUP7H7D3.js → chunk-7ZLF4NE5.js}

@@ -16,7 +16,7 @@ import {
   normalizeStyle,
   richTextMarkerToHtml,
   safeEvaluate
-} from "./chunk-2IIQK7T3.js";
+} from "./chunk-J4IPTP5X.js";
 import {
   NODE_TYPE,
   RAW_HTML_PREFIX,
@@ -805,4 +805,4 @@ export {
   skipEmptyTemplateAttributes,
   inlineSvgStyleRules
 };
-//# sourceMappingURL=chunk-NUP7H7D3.js.map
+//# sourceMappingURL=chunk-7ZLF4NE5.js.map

package/dist/chunks/{chunk-2IIQK7T3.js → chunk-J4IPTP5X.js}

@@ -3725,6 +3725,9 @@ var propertyOrder = [
   // Transform & Effects
   "opacity",
   "transform",
+  "translate",
+  "rotate",
+  "scale",
   "transformOrigin",
   "boxShadow",
   "textShadow",
@@ -3740,6 +3743,8 @@ var propertyOrder = [
   "bottom",
   "left",
   "inset",
+  "insetInline",
+  "insetBlock",
   "zIndex",
   // Grid Layout
   "gridTemplateColumns",
@@ -3748,7 +3753,11 @@ var propertyOrder = [
   "gridGap",
   "gridAutoFlow",
   "gridColumn",
+  "gridColumnStart",
+  "gridColumnEnd",
   "gridRow",
+  "gridRowStart",
+  "gridRowEnd",
   "gridArea",
   "gridAutoRows",
   "gridAutoColumns",
@@ -3777,6 +3786,10 @@ var propertyOrder = [
   "pointerEvents",
   "userSelect",
   "transition",
+  "transitionProperty",
+  "transitionDuration",
+  "transitionTimingFunction",
+  "transitionDelay",
   "objectFit",
   "objectPosition",
   "boxSizing",
@@ -3903,6 +3916,8 @@ var prefixToCSSProperty = {
   // Sizing
   w: "width",
   h: "height",
+  size: "width",
+  // multi-prop (width + height) — expanded in generateRuleForClass / classesToStyles
   "max-w": "max-width",
   "max-h": "max-height",
   "min-w": "min-width",
@@ -3941,13 +3956,27 @@ var prefixToCSSProperty = {
   "grid-cols": "grid-template-columns",
   "grid-rows": "grid-template-rows",
   col: "grid-column",
+  "col-span": "grid-column",
+  "col-start": "grid-column-start",
+  "col-end": "grid-column-end",
   row: "grid-row",
+  "row-span": "grid-row",
+  "row-start": "grid-row-start",
+  "row-end": "grid-row-end",
   "auto-rows": "grid-auto-rows",
   "auto-cols": "grid-auto-columns",
   // Effects
   opacity: "opacity",
   transform: "transform",
+  scale: "scale",
+  rotate: "rotate",
+  "translate-x": "translate",
+  "translate-y": "translate",
   origin: "transform-origin",
+  // Transitions (each maps to a distinct longhand → compose across classes)
+  duration: "transition-duration",
+  delay: "transition-delay",
+  ease: "transition-timing-function",
   shadow: "box-shadow",
   "text-shadow": "text-shadow",
   filter: "filter",
@@ -3958,6 +3987,8 @@ var prefixToCSSProperty = {
   bottom: "bottom",
   left: "left",
   inset: "inset",
+  "inset-x": "inset-inline",
+  "inset-y": "inset-block",
   z: "z-index",
   // Outline
   outline: "outline",
@@ -4315,8 +4346,11 @@ var SPACING_SCALE_ROOTS = /* @__PURE__ */ new Set([
   "bottom",
   "left",
   "inset",
+  "inset-x",
+  "inset-y",
   "w",
   "h",
+  "size",
   "min-w",
   "min-h",
   "max-w",
@@ -4340,6 +4374,7 @@ var keywordValues = {
   h: { auto: "auto", full: "100%", screen: "100vh", fit: "fit-content", min: "min-content", max: "max-content" },
   "max-w": { full: "100%", none: "none", screen: "100vw", fit: "fit-content", min: "min-content", max: "max-content" },
   "max-h": { full: "100%", none: "none", screen: "100vh", fit: "fit-content", min: "min-content", max: "max-content" },
+  size: { auto: "auto", full: "100%", fit: "fit-content", min: "min-content", max: "max-content" },
   "min-w": { auto: "auto", full: "100%", fit: "fit-content", min: "min-content", max: "max-content" },
   "min-h": { auto: "auto", full: "100%", screen: "100vh", fit: "fit-content", min: "min-content", max: "max-content" },
   m: { auto: "auto" },
@@ -4362,7 +4397,11 @@ var keywordValues = {
   "rounded-br": { none: "0", full: "9999px" },
   z: { auto: "auto" },
   leading: { normal: "normal" },
-  tracking: { normal: "normal" }
+  tracking: { normal: "normal" },
+  "inset-x": { auto: "auto", full: "100%" },
+  "inset-y": { auto: "auto", full: "100%" },
+  aspect: { auto: "auto", square: "1 / 1", video: "16 / 9" },
+  order: { first: "-9999", last: "9999", none: "0" }
 };
 var genericKeywordRoots = /* @__PURE__ */ new Set(["cursor", "align", "origin", "object", "list"]);
 var integerValueRoots = /* @__PURE__ */ new Set(["z", "order", "flex", "grow", "shrink"]);
@@ -4373,6 +4412,60 @@ var colorTokenProps = /* @__PURE__ */ new Set([
   "accentColor",
   "outlineColor"
 ]);
+var FRACTION_ROOTS = /* @__PURE__ */ new Set([
+  "w",
+  "h",
+  "size",
+  "min-w",
+  "min-h",
+  "max-w",
+  "max-h",
+  "basis",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "inset",
+  "inset-x",
+  "inset-y",
+  "translate-x",
+  "translate-y"
+]);
+var NEGATABLE_ROOTS = /* @__PURE__ */ new Set([
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "inset",
+  "inset-x",
+  "inset-y",
+  "translate-x",
+  "translate-y",
+  "rotate"
+]);
+var EASE_TIMING = {
+  linear: "linear",
+  in: "cubic-bezier(0.4, 0, 1, 1)",
+  out: "cubic-bezier(0, 0, 0.2, 1)",
+  "in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+  initial: "initial"
+};
+var TRANSITION_PROPERTY_VALUES = {
+  "": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+  all: "all",
+  colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+  opacity: "opacity",
+  shadow: "box-shadow",
+  transform: "transform, translate, scale, rotate"
+};
+var TRANSITION_DEFAULT_TIMING = "150ms cubic-bezier(0.4, 0, 0.2, 1)";
 var shadowPresets = {
   "0": "none",
   "1": "0 1px 2px rgba(0, 0, 0, 0.05)",
@@ -4566,6 +4659,186 @@ function isCssNamedColor(value) {
   return CSS_NAMED_COLORS.has(value.toLowerCase());
 }
 
+// lib/shared/tailwindThemeScale.ts
+var SANS = "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif";
+var SERIF = "ui-serif, Georgia, Cambria, serif";
+var MONO = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace";
+var SPECS = [
+  {
+    root: "text",
+    property: "font-size",
+    group: "font-size",
+    varPrefix: "text",
+    labelPrefix: "Text",
+    values: [
+      ["xs", "0.75rem"],
+      ["sm", "0.875rem"],
+      ["base", "1rem"],
+      ["lg", "1.125rem"],
+      ["xl", "1.25rem"],
+      ["2xl", "1.5rem"],
+      ["3xl", "1.875rem"],
+      ["4xl", "2.25rem"],
+      ["5xl", "3rem"],
+      ["6xl", "3.75rem"],
+      ["7xl", "4.5rem"],
+      ["8xl", "6rem"],
+      ["9xl", "8rem"]
+    ]
+  },
+  {
+    // Only the weights Meno's static utilities don't already cover (normal/bold stay static).
+    root: "font",
+    property: "font-weight",
+    group: "font-weight",
+    varPrefix: "font-weight",
+    labelPrefix: "Font Weight",
+    values: [
+      ["thin", "100"],
+      ["extralight", "200"],
+      ["light", "300"],
+      ["medium", "500"],
+      ["semibold", "600"],
+      ["extrabold", "800"],
+      ["black", "900"]
+    ]
+  },
+  {
+    root: "font",
+    property: "font-family",
+    group: "font-family",
+    varPrefix: "font",
+    labelPrefix: "Font",
+    values: [
+      ["sans", SANS],
+      ["serif", SERIF],
+      ["mono", MONO]
+    ]
+  },
+  {
+    root: "rounded",
+    property: "border-radius",
+    group: "border-radius",
+    varPrefix: "radius",
+    labelPrefix: "Radius",
+    values: [
+      ["", "0.25rem"],
+      ["sm", "0.125rem"],
+      ["md", "0.375rem"],
+      ["lg", "0.5rem"],
+      ["xl", "0.75rem"],
+      ["2xl", "1rem"],
+      ["3xl", "1.5rem"]
+    ]
+  },
+  {
+    root: "shadow",
+    property: "box-shadow",
+    group: "shadow",
+    varPrefix: "shadow",
+    labelPrefix: "Shadow",
+    values: [
+      ["", "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"],
+      ["sm", "0 1px 2px 0 rgb(0 0 0 / 0.05)"],
+      ["md", "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"],
+      ["lg", "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"],
+      ["xl", "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"],
+      ["2xl", "0 25px 50px -12px rgb(0 0 0 / 0.25)"]
+    ]
+  },
+  {
+    root: "max-w",
+    property: "max-width",
+    group: "size",
+    varPrefix: "container",
+    labelPrefix: "Container",
+    values: [
+      ["xs", "20rem"],
+      ["sm", "24rem"],
+      ["md", "28rem"],
+      ["lg", "32rem"],
+      ["xl", "36rem"],
+      ["2xl", "42rem"],
+      ["3xl", "48rem"],
+      ["4xl", "56rem"],
+      ["5xl", "64rem"],
+      ["6xl", "72rem"],
+      ["7xl", "80rem"],
+      ["prose", "65ch"]
+    ]
+  },
+  {
+    root: "leading",
+    property: "line-height",
+    group: "line-height",
+    varPrefix: "leading",
+    labelPrefix: "Leading",
+    values: [
+      ["none", "1"],
+      ["tight", "1.25"],
+      ["snug", "1.375"],
+      ["relaxed", "1.625"],
+      ["loose", "2"]
+    ]
+  },
+  {
+    root: "tracking",
+    property: "letter-spacing",
+    group: "letter-spacing",
+    varPrefix: "tracking",
+    labelPrefix: "Tracking",
+    values: [
+      ["tighter", "-0.05em"],
+      ["tight", "-0.025em"],
+      ["wide", "0.025em"],
+      ["wider", "0.05em"],
+      ["widest", "0.1em"]
+    ]
+  }
+];
+function labelSuffix(suffix) {
+  if (/^(xs|sm|md|lg|xl|\dxl)$/.test(suffix)) return suffix.toUpperCase();
+  return suffix.charAt(0).toUpperCase() + suffix.slice(1);
+}
+var THEME_SCALE_ENTRIES = SPECS.flatMap(
+  (spec) => spec.values.map(([suffix, value]) => {
+    const className = suffix ? `${spec.root}-${suffix}` : spec.root;
+    const cssVar = suffix ? `--${spec.varPrefix}-${suffix}` : `--${spec.varPrefix}`;
+    const label = suffix ? `${spec.labelPrefix} ${labelSuffix(suffix)}` : spec.labelPrefix;
+    return { className, root: spec.root, cssVar, property: spec.property, value, group: spec.group, label };
+  })
+);
+var THEME_SCALE_BY_CLASS = new Map(
+  THEME_SCALE_ENTRIES.map((e) => [e.className, e])
+);
+var THEME_SCALE_BY_CSSVAR = new Map(
+  THEME_SCALE_ENTRIES.map((e) => [e.cssVar, e])
+);
+function themeScaleValue(entry) {
+  return `var(${entry.cssVar})`;
+}
+function scalingTypeFor(group) {
+  switch (group) {
+    case "font-size":
+      return "fontSize";
+    case "border-radius":
+      return "borderRadius";
+    case "size":
+      return "size";
+    default:
+      return "none";
+  }
+}
+function defaultTailwindThemeVariables() {
+  return THEME_SCALE_ENTRIES.map((e) => ({
+    name: e.label,
+    cssVar: e.cssVar,
+    value: e.value,
+    type: scalingTypeFor(e.group),
+    group: e.group
+  }));
+}
+
 // lib/shared/utilityClassNames.ts
 var SORTED_ROOTS = Object.keys(prefixToCSSProperty).sort((a, b) => b.length - a.length);
 function camelToKebab(prop) {
@@ -4729,15 +5002,56 @@ function normalizeBreakpointVariant(variant) {
   return variant;
 }
 var HASH_VALUE_RE = /^h[0-9a-z]+$/;
+function resolveFraction(rest) {
+  const m = rest.match(/^(\d+)\/(\d+)$/);
+  if (!m) return null;
+  const d = Number(m[2]);
+  if (d === 0) return null;
+  const pct = Number(m[1]) / d * 100;
+  return `${pct.toFixed(6).replace(/\.?0+$/, "")}%`;
+}
+function resolveSpacingOrFraction(rest) {
+  const frac = resolveFraction(rest);
+  if (frac != null) return frac;
+  if (rest === "full") return "100%";
+  return SPACING_SCALE[rest] ?? null;
+}
+function negateCssValue(root, value) {
+  if (root === "translate-y") {
+    const m = value.match(/^0 (.+)$/);
+    return m ? `0 -${m[1]}` : null;
+  }
+  return /^\d/.test(value) ? `-${value}` : null;
+}
 function parseUtilityClass(className, knownTokens) {
   const stat = staticUtilityReverse[className];
   if (stat) {
     return { property: camelToKebab(stat.prop), value: stat.value, root: null, kind: "static" };
   }
+  if (className === "transition") {
+    return {
+      property: "transition",
+      value: `${TRANSITION_PROPERTY_VALUES[""]} ${TRANSITION_DEFAULT_TIMING}`,
+      root: "transition",
+      kind: "keyword"
+    };
+  }
+  if (className.startsWith("-") && className.length > 1) {
+    const positive = parseUtilityClass(className.slice(1), knownTokens);
+    if (positive?.root && positive.value != null && NEGATABLE_ROOTS.has(positive.root)) {
+      const negated = negateCssValue(positive.root, positive.value);
+      if (negated != null) return { ...positive, value: negated };
+    }
+    return null;
+  }
   const preset = presetClassReverse[className];
   if (preset) {
     return { property: camelToKebab(preset.prop), value: preset.value, root: null, kind: "preset" };
   }
+  const themed = THEME_SCALE_BY_CLASS.get(className);
+  if (themed) {
+    return { property: themed.property, value: themeScaleValue(themed), root: themed.root, kind: "var" };
+  }
   const arbProp = className.match(/^\[([a-z-]+):(.+)\]$/);
   if (arbProp) {
     return {
@@ -4782,6 +5096,59 @@ function parseRootValue(root, rest, knownTokens) {
   if (genericKeywordRoots.has(root) && /^[a-z][a-z-]*$/.test(rest)) {
     return { property: resolveRootProperty(root, rest), value: rest, root, kind: "keyword" };
   }
+  if (root === "grid-cols" || root === "grid-rows") {
+    if (/^[1-9]\d*$/.test(rest)) {
+      const value = `repeat(${rest}, minmax(0, 1fr))`;
+      return { property: prefixToCSSProperty[root] ?? root, value, root, kind: "numeric" };
+    }
+    if (rest === "none" || rest === "subgrid") {
+      return { property: prefixToCSSProperty[root] ?? root, value: rest, root, kind: "keyword" };
+    }
+  }
+  if (root === "col-span" || root === "row-span") {
+    const property = root === "col-span" ? "grid-column" : "grid-row";
+    if (rest === "full") return { property, value: "1 / -1", root, kind: "keyword" };
+    if (/^[1-9]\d*$/.test(rest)) return { property, value: `span ${rest} / span ${rest}`, root, kind: "numeric" };
+  }
+  if (root === "col-start" || root === "col-end" || root === "row-start" || root === "row-end") {
+    const property = prefixToCSSProperty[root] ?? root;
+    if (rest === "auto") return { property, value: "auto", root, kind: "keyword" };
+    if (/^-?[1-9]\d*$/.test(rest)) return { property, value: rest, root, kind: "numeric" };
+  }
+  if (root === "translate-x" || root === "translate-y") {
+    const len = resolveSpacingOrFraction(rest);
+    if (len != null) {
+      const value = root === "translate-x" ? len : `0 ${len}`;
+      return { property: "translate", value, root, kind: "numeric" };
+    }
+  }
+  if (root === "scale" && /^\d+$/.test(rest)) {
+    return { property: "scale", value: String(Number(rest) / 100), root, kind: "numeric" };
+  }
+  if (root === "rotate" && /^\d+(\.\d+)?$/.test(rest)) {
+    return { property: "rotate", value: `${rest}deg`, root, kind: "numeric" };
+  }
+  if ((root === "duration" || root === "delay") && /^\d+$/.test(rest)) {
+    return { property: prefixToCSSProperty[root] ?? root, value: `${rest}ms`, root, kind: "numeric" };
+  }
+  if (root === "ease") {
+    const timing = EASE_TIMING[rest];
+    if (timing) return { property: "transition-timing-function", value: timing, root, kind: "keyword" };
+  }
+  if (root === "transition") {
+    const props = TRANSITION_PROPERTY_VALUES[rest];
+    if (props !== void 0) {
+      return { property: "transition", value: `${props} ${TRANSITION_DEFAULT_TIMING}`, root, kind: "keyword" };
+    }
+  }
+  if (root === "leading") {
+    const scale = SPACING_SCALE[rest];
+    if (scale !== void 0) return { property: "line-height", value: scale, root, kind: "keyword" };
+  }
+  if (FRACTION_ROOTS.has(root)) {
+    const value = resolveFraction(rest);
+    if (value != null) return { property: resolveRootProperty(root, value), value, root, kind: "numeric" };
+  }
   if (SPACING_SCALE_ROOTS.has(root)) {
     const scaleVal = SPACING_SCALE[rest];
     if (scaleVal !== void 0) {
@@ -4873,6 +5240,13 @@ function rootFormMisresolves(root, prop, value) {
 }
 function propertyValueToClass(prop, value) {
   let stringValue = String(value);
+  const varRef = stringValue.match(/^var\((--[\w-]+)(?:\s*,[\s\S]*)?\)$/);
+  if (varRef) {
+    const entry = THEME_SCALE_BY_CSSVAR.get(varRef[1] ?? "");
+    if (entry && entry.property === camelToKebab(prop)) {
+      return entry.className;
+    }
+  }
   if (prop === "fontFamily") {
     stringValue = stringValue.split(",").map((font) => {
       const trimmed = font.trim();
@@ -4944,6 +5318,14 @@ function propertyValueToClass(prop, value) {
       className = `${root}-${step}`;
     }
   }
+  if (!className && (root === "grid-cols" || root === "grid-rows")) {
+    const repeatMatch = stringValue.match(/^repeat\(\s*([1-9]\d*)\s*,\s*minmax\(\s*0\s*,\s*1fr\s*\)\s*\)$/);
+    if (repeatMatch) {
+      className = `${root}-${repeatMatch[1]}`;
+    } else if (stringValue === "none" || stringValue === "subgrid") {
+      className = `${root}-${stringValue}`;
+    }
+  }
   if (!className) {
     const varMatch = stringValue.match(/^var\((--[\w-]+)\)$/);
     if (varMatch) {
@@ -5120,6 +5502,9 @@ function classesToStyles(classes, knownTokens) {
         styles[breakpoint] = {};
       }
       styles[breakpoint][styleEntry.prop] = styleEntry.value;
+      if (cleanClass.startsWith("size-") && styleEntry.prop === "width") {
+        styles[breakpoint].height = styleEntry.value;
+      }
     }
   }
   if (Object.keys(styles.tablet || {}).length === 0) delete styles.tablet;
@@ -5820,6 +6205,9 @@ function generateRuleForClass(className, knownTokens) {
   } else {
     value = parsed.value;
   }
+  if (root === "size") {
+    return `width: ${value}; height: ${value};`;
+  }
   if (root === "px") {
     return `padding-left: ${value}; padding-right: ${value};`;
   }
@@ -6118,7 +6506,7 @@ function styleObjectToCSS(style) {
     }
     const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
     let cssValue = String(value);
-    if ((prop === "backgroundColor" || prop === "color" || prop === "borderColor") && !cssValue.startsWith("#") && !cssValue.startsWith("rgb") && !cssValue.startsWith("var(") && !cssValue.includes("(")) {
+    if ((prop === "backgroundColor" || prop === "color" || prop === "borderColor") && isBareColorTokenName(cssValue)) {
       cssValue = `var(--${cssValue})`;
     }
     declarations.push(`${cssProperty}: ${cssValue}`);
@@ -6384,6 +6772,8 @@ export {
   presetClassReverse,
   CSS_NAMED_COLORS,
   isCssNamedColor,
+  THEME_SCALE_ENTRIES,
+  defaultTailwindThemeVariables,
   splitVariantPrefix,
   breakpointClassPrefixes,
   normalizeBreakpointVariant,
@@ -6449,4 +6839,4 @@ export {
   generateInteractiveCSS,
   generateAllInteractiveCSS
 };
-//# sourceMappingURL=chunk-2IIQK7T3.js.map
+//# sourceMappingURL=chunk-J4IPTP5X.js.map