meno-core 1.1.4 → 1.1.6

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

@@ -3891,12 +3891,43 @@ var propertyMap = {
   textShadow: "text-shadow",
   filter: "filter",
   backdropFilter: "backdrop-filter",
+  mixBlendMode: "mix-blend",
+  backgroundBlendMode: "bg-blend",
+  willChange: "will-change",
+  columns: "columns",
+  overscrollBehavior: "overscroll",
+  overscrollBehaviorX: "overscroll-x",
+  overscrollBehaviorY: "overscroll-y",
+  touchAction: "touch",
+  breakAfter: "break-after",
+  breakBefore: "break-before",
+  breakInside: "break-inside",
+  textUnderlineOffset: "underline-offset",
+  textDecorationColor: "decoration",
+  textDecorationThickness: "decoration",
+  caretColor: "caret",
+  fill: "fill",
+  stroke: "stroke",
+  strokeWidth: "stroke",
+  borderSpacing: "border-spacing",
+  scrollMargin: "scroll-m",
+  scrollMarginTop: "scroll-mt",
+  scrollMarginRight: "scroll-mr",
+  scrollMarginBottom: "scroll-mb",
+  scrollMarginLeft: "scroll-ml",
+  scrollPadding: "scroll-p",
+  scrollPaddingTop: "scroll-pt",
+  scrollPaddingRight: "scroll-pr",
+  scrollPaddingBottom: "scroll-pb",
+  scrollPaddingLeft: "scroll-pl",
   // Positioning
   top: "top",
   right: "right",
   bottom: "bottom",
   left: "left",
   inset: "inset",
+  insetInlineStart: "start",
+  insetInlineEnd: "end",
   zIndex: "z",
   // Grid Layout
   gridTemplateColumns: "grid-cols",
@@ -4008,6 +4039,68 @@ var prefixToCSSProperty = {
   "text-shadow": "text-shadow",
   filter: "filter",
   "backdrop-filter": "backdrop-filter",
+  // Filter-function roots (value is wrapped in the function — see FILTER_FN_ROOTS +
+  // parseRootValue's filter branch). Kept here too so hash/dynamic property derivation
+  // and SORTED_ROOTS matching see them like any other root.
+  blur: "filter",
+  brightness: "filter",
+  contrast: "filter",
+  saturate: "filter",
+  grayscale: "filter",
+  invert: "filter",
+  sepia: "filter",
+  "hue-rotate": "filter",
+  "drop-shadow": "filter",
+  "backdrop-blur": "backdrop-filter",
+  "backdrop-brightness": "backdrop-filter",
+  "backdrop-contrast": "backdrop-filter",
+  "backdrop-saturate": "backdrop-filter",
+  "backdrop-grayscale": "backdrop-filter",
+  "backdrop-invert": "backdrop-filter",
+  "backdrop-sepia": "backdrop-filter",
+  "backdrop-hue-rotate": "backdrop-filter",
+  "backdrop-opacity": "backdrop-filter",
+  // Per-axis transforms (value composed into the axis slot — see parseRootValue)
+  "skew-x": "transform",
+  "skew-y": "transform",
+  "scale-x": "scale",
+  "scale-y": "scale",
+  // Side border-radius (two corners — expanded in generateRuleForClass / classesToStyles)
+  "rounded-t": "border-top-left-radius",
+  "rounded-r": "border-top-right-radius",
+  "rounded-b": "border-bottom-left-radius",
+  "rounded-l": "border-top-left-radius",
+  // Blend / misc keyword roots
+  "mix-blend": "mix-blend-mode",
+  "bg-blend": "background-blend-mode",
+  "will-change": "will-change",
+  columns: "columns",
+  overscroll: "overscroll-behavior",
+  "overscroll-x": "overscroll-behavior-x",
+  "overscroll-y": "overscroll-behavior-y",
+  touch: "touch-action",
+  "break-after": "break-after",
+  "break-before": "break-before",
+  "break-inside": "break-inside",
+  // Text decoration & SVG (shared roots disambiguated by value type — see resolveRootProperty)
+  "underline-offset": "text-underline-offset",
+  decoration: "text-decoration-color",
+  caret: "caret-color",
+  fill: "fill",
+  stroke: "stroke",
+  // Tables
+  "border-spacing": "border-spacing",
+  // Scroll margin/padding (Tailwind spacing scale)
+  "scroll-m": "scroll-margin",
+  "scroll-mt": "scroll-margin-top",
+  "scroll-mr": "scroll-margin-right",
+  "scroll-mb": "scroll-margin-bottom",
+  "scroll-ml": "scroll-margin-left",
+  "scroll-p": "scroll-padding",
+  "scroll-pt": "scroll-padding-top",
+  "scroll-pr": "scroll-padding-right",
+  "scroll-pb": "scroll-padding-bottom",
+  "scroll-pl": "scroll-padding-left",
   // Positioning
   top: "top",
   right: "right",
@@ -4016,6 +4109,8 @@ var prefixToCSSProperty = {
   inset: "inset",
   "inset-x": "inset-inline",
   "inset-y": "inset-block",
+  start: "inset-inline-start",
+  end: "inset-inline-end",
   z: "z-index",
   // Outline
   outline: "outline",
@@ -4028,6 +4123,50 @@ var prefixToCSSProperty = {
   transition: "transition",
   object: "object-position"
 };
+var FILTER_FN_ROOTS = {
+  blur: { property: "filter", fn: "blur" },
+  brightness: { property: "filter", fn: "brightness", scale: "ratio" },
+  contrast: { property: "filter", fn: "contrast", scale: "ratio" },
+  saturate: { property: "filter", fn: "saturate", scale: "ratio" },
+  grayscale: { property: "filter", fn: "grayscale", scale: "percent" },
+  invert: { property: "filter", fn: "invert", scale: "percent" },
+  sepia: { property: "filter", fn: "sepia", scale: "percent" },
+  "hue-rotate": { property: "filter", fn: "hue-rotate", scale: "deg" },
+  "drop-shadow": { property: "filter", fn: "drop-shadow" },
+  "backdrop-blur": { property: "backdrop-filter", fn: "blur" },
+  "backdrop-brightness": { property: "backdrop-filter", fn: "brightness", scale: "ratio" },
+  "backdrop-contrast": { property: "backdrop-filter", fn: "contrast", scale: "ratio" },
+  "backdrop-saturate": { property: "backdrop-filter", fn: "saturate", scale: "ratio" },
+  "backdrop-grayscale": { property: "backdrop-filter", fn: "grayscale", scale: "percent" },
+  "backdrop-invert": { property: "backdrop-filter", fn: "invert", scale: "percent" },
+  "backdrop-sepia": { property: "backdrop-filter", fn: "sepia", scale: "percent" },
+  "backdrop-hue-rotate": { property: "backdrop-filter", fn: "hue-rotate", scale: "deg" },
+  "backdrop-opacity": { property: "backdrop-filter", fn: "opacity", scale: "ratio" }
+};
+var FILTER_ROOT_BY_PROP_FN = new Map(
+  Object.entries(FILTER_FN_ROOTS).map(([root, e]) => [`${e.property}|${e.fn}`, root])
+);
+function filterStepToArg(scale, step) {
+  if (scale === "ratio") return String(Number(step) / 100);
+  if (scale === "percent") return `${step}%`;
+  return `${step}deg`;
+}
+function filterArgToStep(scale, arg) {
+  if (scale === "ratio") {
+    const m2 = arg.match(/^(\d+(?:\.\d+)?)$/);
+    if (!m2) return null;
+    const step = Number(m2[1]) * 100;
+    return Number.isInteger(step) ? String(step) : null;
+  }
+  const m = scale === "percent" ? arg.match(/^(\d+)%$/) : arg.match(/^(\d+)deg$/);
+  return m ? m[1] ?? null : null;
+}
+var ROUNDED_SIDE_CORNERS = {
+  "rounded-t": ["border-top-left-radius", "border-top-right-radius"],
+  "rounded-r": ["border-top-right-radius", "border-bottom-right-radius"],
+  "rounded-b": ["border-bottom-left-radius", "border-bottom-right-radius"],
+  "rounded-l": ["border-top-left-radius", "border-bottom-left-radius"]
+};
 var staticUtilities = {
   display: {
     flex: "flex",
@@ -4041,7 +4180,15 @@ var staticUtilities = {
     table: "table",
     contents: "contents",
     "flow-root": "flow-root",
-    "list-item": "list-item"
+    "list-item": "list-item",
+    "table-row": "table-row",
+    "table-cell": "table-cell",
+    "table-caption": "table-caption",
+    "table-row-group": "table-row-group",
+    "table-header-group": "table-header-group",
+    "table-footer-group": "table-footer-group",
+    "table-column": "table-column",
+    "table-column-group": "table-column-group"
   },
   flexDirection: {
     column: "flex-col",
@@ -4297,15 +4444,182 @@ var staticUtilities = {
     none: "transition-none"
   },
   transform: {
-    none: "transform-none"
+    none: "transform-none",
+    "translateZ(0)": "transform-gpu"
   },
   boxShadow: {
     none: "shadow-none"
   },
   outline: {
     none: "outline-none"
+  },
+  outlineStyle: {
+    solid: "outline-solid",
+    dashed: "outline-dashed",
+    dotted: "outline-dotted",
+    double: "outline-double"
+  },
+  fontStyle: {
+    italic: "italic",
+    normal: "not-italic"
+  },
+  isolation: {
+    isolate: "isolate",
+    auto: "isolation-auto"
+  },
+  borderCollapse: {
+    collapse: "border-collapse",
+    separate: "border-separate"
+  },
+  tableLayout: {
+    auto: "table-auto",
+    fixed: "table-fixed"
+  },
+  appearance: {
+    none: "appearance-none",
+    auto: "appearance-auto"
+  },
+  fontVariantNumeric: {
+    "tabular-nums": "tabular-nums",
+    normal: "normal-nums",
+    ordinal: "ordinal",
+    "slashed-zero": "slashed-zero",
+    "lining-nums": "lining-nums",
+    "oldstyle-nums": "oldstyle-nums",
+    "proportional-nums": "proportional-nums",
+    "diagonal-fractions": "diagonal-fractions",
+    "stacked-fractions": "stacked-fractions"
+  },
+  // Tailwind pairs snap-x/y/both with a separate strictness class composed via a CSS
+  // var; without var composition the common `snap-x snap-mandatory` intent collapses
+  // into the type class itself. `snap-proximity`/`snap-mandatory` alone stay foreign.
+  scrollSnapType: {
+    "x mandatory": "snap-x",
+    "y mandatory": "snap-y",
+    "both mandatory": "snap-both",
+    none: "snap-none"
+  },
+  scrollSnapAlign: {
+    start: "snap-start",
+    center: "snap-center",
+    end: "snap-end",
+    none: "snap-align-none"
+  },
+  // Bare filter-function switches (the 100% forms); numeric/arbitrary forms flow
+  // through FILTER_FN_ROOTS (`grayscale-50`, `invert-[0.3]`).
+  filter: {
+    "grayscale(100%)": "grayscale",
+    "invert(100%)": "invert",
+    "sepia(100%)": "sepia",
+    none: "filter-none"
+  },
+  backdropFilter: {
+    "grayscale(100%)": "backdrop-grayscale",
+    "invert(100%)": "backdrop-invert",
+    "sepia(100%)": "backdrop-sepia",
+    none: "backdrop-filter-none"
+  },
+  float: {
+    left: "float-left",
+    right: "float-right",
+    none: "float-none",
+    "inline-start": "float-start",
+    "inline-end": "float-end"
+  },
+  clear: {
+    both: "clear-both",
+    left: "clear-left",
+    right: "clear-right",
+    none: "clear-none"
+  },
+  backgroundSize: {
+    cover: "bg-cover",
+    contain: "bg-contain",
+    auto: "bg-auto"
+  },
+  backgroundAttachment: {
+    fixed: "bg-fixed",
+    local: "bg-local",
+    scroll: "bg-scroll"
+  },
+  backgroundRepeat: {
+    "no-repeat": "bg-no-repeat",
+    repeat: "bg-repeat",
+    "repeat-x": "bg-repeat-x",
+    "repeat-y": "bg-repeat-y",
+    round: "bg-repeat-round",
+    space: "bg-repeat-space"
+  },
+  backgroundPosition: {
+    center: "bg-center",
+    top: "bg-top",
+    bottom: "bg-bottom",
+    left: "bg-left",
+    right: "bg-right",
+    "left top": "bg-left-top",
+    "left bottom": "bg-left-bottom",
+    "right top": "bg-right-top",
+    "right bottom": "bg-right-bottom"
+  },
+  backgroundClip: {
+    "border-box": "bg-clip-border",
+    "padding-box": "bg-clip-padding",
+    "content-box": "bg-clip-content",
+    text: "bg-clip-text"
+  },
+  backgroundOrigin: {
+    "border-box": "bg-origin-border",
+    "padding-box": "bg-origin-padding",
+    "content-box": "bg-origin-content"
+  },
+  textOverflow: {
+    ellipsis: "text-ellipsis",
+    clip: "text-clip"
+  },
+  // `text-nowrap` deliberately stays a whiteSpace alias (same rendering) — see staticClassAliases.
+  textWrap: {
+    wrap: "text-wrap",
+    balance: "text-balance",
+    pretty: "text-pretty"
+  },
+  textDecorationStyle: {
+    solid: "decoration-solid",
+    dashed: "decoration-dashed",
+    dotted: "decoration-dotted",
+    double: "decoration-double",
+    wavy: "decoration-wavy"
+  },
+  hyphens: {
+    auto: "hyphens-auto",
+    none: "hyphens-none",
+    manual: "hyphens-manual"
+  },
+  content: {
+    none: "content-none"
+  },
+  captionSide: {
+    top: "caption-top",
+    bottom: "caption-bottom"
+  },
+  animation: {
+    none: "animate-none"
+  },
+  // SVG paint statics; token/arbitrary colors flow through the fill/stroke roots.
+  fill: {
+    currentColor: "fill-current",
+    none: "fill-none"
+  },
+  stroke: {
+    currentColor: "stroke-current",
+    none: "stroke-none"
   }
 };
+var staticClassAliases = {
+  "text-nowrap": { prop: "whiteSpace", value: "nowrap" },
+  // canonical: whitespace-nowrap
+  "break-words": { prop: "overflowWrap", value: "break-word" }
+  // canonical: wrap-break-word
+};
 var SPACING_SCALE = {
   "0": "0px",
   px: "1px",
@@ -4375,6 +4689,20 @@ var SPACING_SCALE_ROOTS = /* @__PURE__ */ new Set([
   "inset",
   "inset-x",
   "inset-y",
+  "start",
+  "end",
+  "indent",
+  "border-spacing",
+  "scroll-m",
+  "scroll-mt",
+  "scroll-mr",
+  "scroll-mb",
+  "scroll-ml",
+  "scroll-p",
+  "scroll-pt",
+  "scroll-pr",
+  "scroll-pb",
+  "scroll-pl",
   "w",
   "h",
   "size",
@@ -4384,9 +4712,19 @@ var SPACING_SCALE_ROOTS = /* @__PURE__ */ new Set([
   "max-h",
   "basis"
 ]);
-var COLOR_TOKEN_ROOTS = /* @__PURE__ */ new Set(["text", "bg", "border", "accent", "outline"]);
+var COLOR_TOKEN_ROOTS = /* @__PURE__ */ new Set([
+  "text",
+  "bg",
+  "border",
+  "accent",
+  "outline",
+  "decoration",
+  "caret",
+  "fill",
+  "stroke"
+]);
 var staticUtilityReverse = (() => {
-  const reverse = {};
+  const reverse = { ...staticClassAliases };
   for (const [prop, values] of Object.entries(staticUtilities)) {
     for (const [value, className] of Object.entries(values)) {
       if (!reverse[className]) {
@@ -4397,13 +4735,72 @@ var staticUtilityReverse = (() => {
   return reverse;
 })();
 var keywordValues = {
-  w: { auto: "auto", full: "100%", screen: "100vw", fit: "fit-content", min: "min-content", max: "max-content" },
-  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" },
+  w: {
+    auto: "auto",
+    full: "100%",
+    screen: "100vw",
+    svw: "100svw",
+    dvw: "100dvw",
+    lvw: "100lvw",
+    fit: "fit-content",
+    min: "min-content",
+    max: "max-content"
+  },
+  h: {
+    auto: "auto",
+    full: "100%",
+    screen: "100vh",
+    svh: "100svh",
+    dvh: "100dvh",
+    lvh: "100lvh",
+    fit: "fit-content",
+    min: "min-content",
+    max: "max-content"
+  },
+  "max-w": {
+    full: "100%",
+    none: "none",
+    screen: "100vw",
+    svw: "100svw",
+    dvw: "100dvw",
+    lvw: "100lvw",
+    fit: "fit-content",
+    min: "min-content",
+    max: "max-content"
+  },
+  "max-h": {
+    full: "100%",
+    none: "none",
+    screen: "100vh",
+    svh: "100svh",
+    dvh: "100dvh",
+    lvh: "100lvh",
+    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" },
+  "min-w": {
+    auto: "auto",
+    full: "100%",
+    svw: "100svw",
+    dvw: "100dvw",
+    lvw: "100lvw",
+    fit: "fit-content",
+    min: "min-content",
+    max: "max-content"
+  },
+  "min-h": {
+    auto: "auto",
+    full: "100%",
+    screen: "100vh",
+    svh: "100svh",
+    dvh: "100dvh",
+    lvh: "100lvh",
+    fit: "fit-content",
+    min: "min-content",
+    max: "max-content"
+  },
   m: { auto: "auto" },
   mt: { auto: "auto" },
   mr: { auto: "auto" },
@@ -4428,16 +4825,48 @@ var keywordValues = {
   "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" }
+  order: { first: "-9999", last: "9999", none: "0" },
+  "will-change": { scroll: "scroll-position" },
+  // other values (transform, contents, auto) pass through generically
+  columns: { auto: "auto" },
+  start: { auto: "auto", full: "100%" },
+  end: { auto: "auto", full: "100%" },
+  "underline-offset": { auto: "auto" },
+  "auto-cols": { auto: "auto", min: "min-content", max: "max-content", fr: "minmax(0, 1fr)" },
+  "auto-rows": { auto: "auto", min: "min-content", max: "max-content", fr: "minmax(0, 1fr)" },
+  col: { auto: "auto" },
+  row: { auto: "auto" },
+  decoration: { "from-font": "from-font" }
+  // thickness keyword; style keywords are statics, colors flow via value type
 };
-var genericKeywordRoots = /* @__PURE__ */ new Set(["cursor", "align", "origin", "object", "list"]);
-var integerValueRoots = /* @__PURE__ */ new Set(["z", "order", "flex", "grow", "shrink"]);
+var genericKeywordRoots = /* @__PURE__ */ new Set([
+  "cursor",
+  "align",
+  "origin",
+  "object",
+  "list",
+  "mix-blend",
+  "bg-blend",
+  "will-change",
+  "overscroll",
+  "overscroll-x",
+  "overscroll-y",
+  "touch",
+  "break-after",
+  "break-before",
+  "break-inside"
+]);
+var integerValueRoots = /* @__PURE__ */ new Set(["z", "order", "flex", "grow", "shrink", "columns", "stroke"]);
 var colorTokenProps = /* @__PURE__ */ new Set([
   "color",
   "backgroundColor",
   "borderColor",
   "accentColor",
-  "outlineColor"
+  "outlineColor",
+  "textDecorationColor",
+  "caretColor",
+  "fill",
+  "stroke"
 ]);
 var FRACTION_ROOTS = /* @__PURE__ */ new Set([
   "w",
@@ -4770,7 +5199,8 @@ var SPECS = [
       ["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)"]
+      ["2xl", "0 25px 50px -12px rgb(0 0 0 / 0.25)"],
+      ["inner", "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"]
     ]
   },
   {
@@ -4995,6 +5425,10 @@ function resolveRootProperty(root, value) {
       if (isLengthValue(value)) return "outline-width";
       return "outline";
     }
+    case "decoration":
+      return isLengthValue(value) || value === "from-font" ? "text-decoration-thickness" : "text-decoration-color";
+    case "stroke":
+      return isColorValue(value) ? "stroke" : "stroke-width";
     default:
       return prefixToCSSProperty[root] ?? root;
   }
@@ -5133,6 +5567,47 @@ function parseUtilityClass(className, knownTokens) {
   return null;
 }
 function parseRootValue(root, rest, knownTokens) {
+  const filterFn = FILTER_FN_ROOTS[root];
+  if (filterFn) {
+    const { property, fn, scale } = filterFn;
+    if (rest.startsWith("[") && rest.endsWith("]") && rest.length > 2) {
+      const arg = decodeArbitraryValue(rest.slice(1, -1));
+      return { property, value: `${fn}(${arg})`, root, kind: "arbitrary" };
+    }
+    const varArg = rest.match(/^\((--[\w-]+)\)$/);
+    if (varArg) {
+      return { property, value: `${fn}(var(${varArg[1]}))`, root, kind: "var" };
+    }
+    if (scale && /^\d+(\.\d+)?$/.test(rest)) {
+      return { property, value: `${fn}(${filterStepToArg(scale, rest)})`, root, kind: "numeric" };
+    }
+    return null;
+  }
+  if (root === "skew-x" || root === "skew-y") {
+    const fn = root === "skew-x" ? "skewX" : "skewY";
+    if (rest.startsWith("[") && rest.endsWith("]") && rest.length > 2) {
+      return {
+        property: "transform",
+        value: `${fn}(${decodeArbitraryValue(rest.slice(1, -1))})`,
+        root,
+        kind: "arbitrary"
+      };
+    }
+    if (/^\d+(\.\d+)?$/.test(rest)) {
+      return { property: "transform", value: `${fn}(${rest}deg)`, root, kind: "numeric" };
+    }
+    return null;
+  }
+  if (root === "scale-x" || root === "scale-y") {
+    const pair = (v) => root === "scale-x" ? `${v} 1` : `1 ${v}`;
+    if (rest.startsWith("[") && rest.endsWith("]") && rest.length > 2) {
+      return { property: "scale", value: pair(decodeArbitraryValue(rest.slice(1, -1))), root, kind: "arbitrary" };
+    }
+    if (/^\d+$/.test(rest)) {
+      return { property: "scale", value: pair(String(Number(rest) / 100)), root, kind: "numeric" };
+    }
+    return null;
+  }
   if (rest.startsWith("[") && rest.endsWith("]") && rest.length > 2) {
     const value = decodeArbitraryValue(rest.slice(1, -1));
     return { property: resolveRootProperty(root, value), value, root, kind: "arbitrary" };
@@ -5151,6 +5626,17 @@ function parseRootValue(root, rest, knownTokens) {
     }
     return { property, value, root, kind: "var" };
   }
+  if (root.startsWith("rounded-") && prefixToCSSProperty[root]) {
+    const themed = THEME_SCALE_BY_CLASS.get(`rounded-${rest}`);
+    if (themed) {
+      return { property: prefixToCSSProperty[root] ?? root, value: themeScaleValue(themed), root, kind: "var" };
+    }
+    const kw = keywordValues[root]?.[rest] ?? keywordValues.rounded?.[rest];
+    if (kw !== void 0) {
+      return { property: prefixToCSSProperty[root] ?? root, value: kw, root, kind: "keyword" };
+    }
+    return null;
+  }
   if (root === "border" || BORDER_SIDE_PROPERTY[root]) {
     const border = parseBorderClass(root, rest);
     if (border) return border;
@@ -5197,6 +5683,16 @@ function parseRootValue(root, rest, knownTokens) {
   if ((root === "duration" || root === "delay") && /^\d+$/.test(rest)) {
     return { property: prefixToCSSProperty[root] ?? root, value: `${rest}ms`, root, kind: "numeric" };
   }
+  if ((root === "outline" || root === "outline-offset" || root === "underline-offset") && /^\d+$/.test(rest)) {
+    const property = root === "outline" ? "outline-width" : prefixToCSSProperty[root] ?? root;
+    return { property, value: `${rest}px`, root, kind: "numeric" };
+  }
+  if (root === "decoration" && /^\d+$/.test(rest)) {
+    return { property: "text-decoration-thickness", value: `${rest}px`, root, kind: "numeric" };
+  }
+  if (root === "stroke" && /^\d+$/.test(rest)) {
+    return { property: "stroke-width", value: rest, root, kind: "numeric" };
+  }
   if (root === "ease") {
     const timing = EASE_TIMING[rest];
     if (timing) return { property: "transition-timing-function", value: timing, root, kind: "keyword" };
@@ -5354,6 +5850,25 @@ function propertyValueToClass(prop, value) {
     return className2;
   }
   let className = null;
+  if (prop === "filter" || prop === "backdropFilter") {
+    const property = camelToKebab(prop);
+    const varForm = stringValue.match(/^([a-z-]+)\(\s*var\((--[\w-]+)\)\s*\)$/);
+    const plainForm = varForm ? null : stringValue.match(/^([a-z-]+)\(([^()]+)\)$/);
+    const fnRoot = FILTER_ROOT_BY_PROP_FN.get(`${property}|${(varForm ?? plainForm)?.[1]}`);
+    if (fnRoot && varForm) {
+      className = `${fnRoot}-(${varForm[2]})`;
+    } else if (fnRoot && plainForm) {
+      const arg = (plainForm[2] ?? "").trim();
+      const scale = FILTER_FN_ROOTS[fnRoot]?.scale;
+      const step = scale ? filterArgToStep(scale, arg) : null;
+      if (step != null) {
+        className = `${fnRoot}-${step}`;
+      } else {
+        const encoded = encodeArbitraryValue(arg);
+        if (encoded) className = `${fnRoot}-[${encoded}]`;
+      }
+    }
+  }
   const kwTable = keywordValues[root];
   if (kwTable) {
     for (const [keyword, cssValue] of Object.entries(kwTable)) {
@@ -5573,6 +6088,11 @@ function classesToStyles(classes, knownTokens) {
       if (cleanClass.startsWith("size-") && styleEntry.prop === "width") {
         styles[breakpoint].height = styleEntry.value;
       }
+      const sideRoot = cleanClass.match(/^(rounded-[trbl])-/)?.[1];
+      const corners = sideRoot ? ROUNDED_SIDE_CORNERS[sideRoot] : void 0;
+      if (corners) {
+        styles[breakpoint][cssPropertyToCamel(corners[1] ?? "")] = styleEntry.value;
+      }
     }
   }
   if (Object.keys(styles.tablet || {}).length === 0) delete styles.tablet;
@@ -5580,6 +6100,70 @@ function classesToStyles(classes, knownTokens) {
   const hasAny = Object.keys(styles.base || {}).length > 0 || Object.keys(styles.tablet || {}).length > 0 || Object.keys(styles.mobile || {}).length > 0;
   return hasAny ? styles : null;
 }
+var COLOR_ROOT_TO_PROP = {
+  text: "color",
+  bg: "backgroundColor",
+  border: "borderColor",
+  accent: "accentColor",
+  outline: "outlineColor",
+  decoration: "textDecorationColor",
+  caret: "caretColor",
+  fill: "fill",
+  stroke: "stroke"
+};
+function classMergeKey(className) {
+  const { breakpoint, base } = splitVariantPrefix(className);
+  let bp = normalizeBreakpointVariant(breakpoint) ?? "";
+  if (bp === "lg") bp = "tablet";
+  else if (bp === "sm") bp = "mobile";
+  const entry = classToStyle(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}`;
+  }
+  return null;
+}
+function mergeInstanceClasses(own, instanceClass) {
+  const instance = instanceClass.split(/\s+/).filter(Boolean);
+  if (instance.length === 0) return own;
+  const overridden = new Set(instance.map(classMergeKey).filter((k) => k !== null));
+  const kept = own.filter((cls) => {
+    const key = classMergeKey(cls);
+    return key === null || !overridden.has(key);
+  });
+  return [...kept, ...instance];
+}
+function stripClassOverriddenStyleProps(style, instanceClass) {
+  if (!style || typeof style !== "object") return null;
+  const overridden = new Set(
+    instanceClass.split(/\s+/).filter(Boolean).map(classMergeKey).filter((k) => k !== null)
+  );
+  if (overridden.size === 0) return style;
+  const stripBucket = (bucket, bp) => {
+    const out = {};
+    for (const [prop, value] of Object.entries(bucket)) {
+      if (!overridden.has(`${bp}|${prop}`)) out[prop] = value;
+    }
+    return out;
+  };
+  if (isResponsiveStyle(style)) {
+    const out = {};
+    let changed = false;
+    for (const [bpName, bucket] of Object.entries(style)) {
+      if (!bucket || typeof bucket !== "object") continue;
+      const stripped = stripBucket(bucket, bpName === "base" ? "" : bpName);
+      if (Object.keys(stripped).length !== Object.keys(bucket).length) changed = true;
+      if (Object.keys(stripped).length > 0) out[bpName] = stripped;
+    }
+    if (!changed) return style;
+    return Object.keys(out).length > 0 ? out : null;
+  }
+  const flat = stripBucket(style, "");
+  if (Object.keys(flat).length === Object.keys(style).length) return style;
+  return Object.keys(flat).length > 0 ? flat : null;
+}
 function isClassableStyleValue(value) {
   if (typeof value === "number") return true;
   if (typeof value === "string") return !value.includes("{{");
@@ -6294,6 +6878,10 @@ function generateRuleForClass(className, knownTokens) {
   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};`;
   }
@@ -6877,6 +7465,9 @@ export {
   responsiveStylesToClasses,
   classToStyle,
   classesToStyles,
+  classMergeKey,
+  mergeInstanceClasses,
+  stripClassOverriddenStyleProps,
   isClassableStyleValue,
   splitStyleByClassability,
   styleHasMapping,
@@ -6927,4 +7518,4 @@ export {
   generateInteractiveCSS,
   generateAllInteractiveCSS
 };
-//# sourceMappingURL=chunk-UOF4MCAD.js.map
+//# sourceMappingURL=chunk-KX2LPIZZ.js.map