@colorye/react-native-css 0.3.0 → 0.3.2

package/src/exported-stylesheet.json

@@ -1 +0,0 @@
-{":root":{"--font-sans":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\"","--font-mono":"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace","--spacing":".25rem","--font-weight-semibold":"600","--font-weight-bold":"700","--tracking-wider":".05em","--default-transition-duration":".15s","--default-transition-timing-function":"cubic-bezier(.4, 0, .2, 1)","--default-font-family":"var(--font-sans)","--default-mono-font-family":"var(--font-mono)","--color-yellow-500":"lab(77.1036% 13.6926 83.561)","--color-green-200":"lab(95.239% -10.8266 9.24107)","--color-green-500":"lab(57.4893% -40.5347 37.516)","--color-orange-500":"lab(66.2947% 49.6344 117.647)","--color-red-500":"lab(45.0394% 75.4726 71.4577)","--color-blue-200":"lab(88.4823% -12.6735 -16.6484)","--color-blue-500":"lab(43.2001% 15.8505 -66.7688)","--color-magenta-500":"lab(34.1384% 59.3948 -45.5364)","--color-black":"lab(0% 0 0)","--color-white":"lab(100% 0 0)","--color-navy-100":"lab(95.2175% -1.96895 -3.05733)","--color-navy-200":"lab(88.3954% -1.94326 -3.07581)","--color-navy-300":"lab(76.7078% -5.64724 -9.13405)","--color-navy-400":"lab(58.179% -8.91814 -15.0204)","--color-navy-500":"lab(39.6076% -11.2321 -20.6616)","--color-navy-600":"lab(20.9196% -10.7469 -25.9701)","--color-navy-700":"lab(3.17211% 1.80869 -28.6588)","--color-primary":"var(--color-blue-500)","--color-success":"var(--color-green-500)","--text-2xs":"10px","--text-2xs--line-height":"12px","--text-xs":"12px","--text-xs--line-height":"16px","--text-sm":"14px","--text-sm--line-height":"20px","--text-md":"18px","--text-md--line-height":"24px","--text-2xl":"32px","--text-2xl--line-height":"36px","--radius-lg":"16px","--radius-xl":"20px","--radius-full":"50%"},"static":{"position":"static"},"container":{"_static":{"width":"100%"},"_dynamic":{"@media (min-width: 580px)":{"_static":{"maxWidth":580},"_dynamic":{}},"@media (min-width: 768px)":{"_static":{"maxWidth":768},"_dynamic":{}},"@media (min-width: 980px)":{"_static":{"maxWidth":980},"_dynamic":{}},"@media (min-width: 1200px)":{"_static":{"maxWidth":1200},"_dynamic":{}}}},"mt-0.5":{"_static":{},"_dynamic":{"marginTop":"calc(var(--spacing) * .5)"}},"mt-1":{"_static":{},"_dynamic":{"marginTop":"var(--spacing)"}},"mt-4":{"_static":{},"_dynamic":{"marginTop":"calc(var(--spacing) * 4)"}},"mb-1":{"_static":{},"_dynamic":{"marginBottom":"var(--spacing)"}},"mb-2":{"_static":{},"_dynamic":{"marginBottom":"calc(var(--spacing) * 2)"}},"mb-3":{"_static":{},"_dynamic":{"marginBottom":"calc(var(--spacing) * 3)"}},"mb-4":{"_static":{},"_dynamic":{"marginBottom":"calc(var(--spacing) * 4)"}},"mb-5":{"_static":{},"_dynamic":{"marginBottom":"calc(var(--spacing) * 5)"}},"h-20":{"_static":{},"_dynamic":{"height":"calc(var(--spacing) * 20)"}},"w-20":{"_static":{},"_dynamic":{"width":"calc(var(--spacing) * 20)"}},"w-[48%]":{"width":"48%"},"flex-1":{"flex":1},"transform":{"_static":{},"_dynamic":{"transform":"var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )"}},"flex-row":{"flexDirection":"row"},"flex-wrap":{"flexWrap":"wrap"},"items-center":{"alignItems":"center"},"justify-between":{"justifyContent":"space-between"},"justify-center":{"justifyContent":"center"},"gap-1":{"_static":{},"_dynamic":{"gap":"var(--spacing)"}},"gap-2":{"_static":{},"_dynamic":{"gap":"calc(var(--spacing) * 2)"}},"gap-y-2.5":{"_static":{},"_dynamic":{"rowGap":"calc(var(--spacing) * 2.5)"}},"rounded-full":{"_static":{},"_dynamic":{"borderRadius":"var(--radius-full)"}},"rounded-lg":{"_static":{},"_dynamic":{"borderRadius":"var(--radius-lg)"}},"rounded-xl":{"_static":{},"_dynamic":{"borderRadius":"var(--radius-xl)"}},"border":{"_static":{"borderWidth":1},"_dynamic":{"borderStyle":"var(--tw-border-style)"}},"border-s-4":{"_static":{"borderInlineStartWidth":4},"_dynamic":{"borderInlineStartStyle":"var(--tw-border-style)"}},"border-blue-500":{"_static":{},"_dynamic":{"borderColor":"var(--color-blue-500)"}},"border-blue-500/30":{"_static":{},"_dynamic":{"borderColor":"color-mix(in oklab, var(--color-blue-500) 30%, transparent)"}},"border-green-500":{"_static":{},"_dynamic":{"borderColor":"var(--color-green-500)"}},"border-green-500/30":{"_static":{},"_dynamic":{"borderColor":"color-mix(in oklab, var(--color-green-500) 30%, transparent)"}},"border-navy-300":{"_static":{},"_dynamic":{"borderColor":"var(--color-navy-300)"}},"border-navy-500":{"_static":{},"_dynamic":{"borderColor":"var(--color-navy-500)"}},"border-orange-500":{"_static":{},"_dynamic":{"borderColor":"var(--color-orange-500)"}},"border-primary":{"_static":{},"_dynamic":{"borderColor":"var(--color-primary)"}},"bg-blue-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-blue-500)"}},"bg-blue-500/10":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-blue-500) 10%, transparent)"}},"bg-blue-500/20":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-blue-500) 20%, transparent)"}},"bg-green-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-green-500)"}},"bg-green-500/10":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-green-500) 10%, transparent)"}},"bg-green-500/20":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-green-500) 20%, transparent)"}},"bg-magenta-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-magenta-500)"}},"bg-navy-100":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-100)"}},"bg-navy-600":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-600)"}},"bg-navy-700":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-700)"}},"bg-orange-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-orange-500)"}},"bg-orange-500/10":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-orange-500) 10%, transparent)"}},"bg-primary":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-primary)"}},"bg-primary/20":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 20%, transparent)"}},"bg-primary/40":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 40%, transparent)"}},"bg-primary/60":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 60%, transparent)"}},"bg-primary/80":{"_static":{},"_dynamic":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 80%, transparent)"}},"bg-red-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-red-500)"}},"bg-success":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-success)"}},"bg-transparent":{"backgroundColor":"#0000"},"bg-yellow-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-yellow-500)"}},"bg-gradient-to-tr":{"_static":{"--tw-gradient-position":"to top right in oklab"},"_dynamic":{"backgroundImage":"linear-gradient(var(--tw-gradient-stops))"}},"p-1":{"_static":{},"_dynamic":{"paddingTop":"var(--spacing)","paddingRight":"var(--spacing)","paddingBottom":"var(--spacing)","paddingLeft":"var(--spacing)"}},"p-3":{"_static":{},"_dynamic":{"paddingTop":"calc(var(--spacing) * 3)","paddingRight":"calc(var(--spacing) * 3)","paddingBottom":"calc(var(--spacing) * 3)","paddingLeft":"calc(var(--spacing) * 3)"}},"p-3.5":{"_static":{},"_dynamic":{"paddingTop":"calc(var(--spacing) * 3.5)","paddingRight":"calc(var(--spacing) * 3.5)","paddingBottom":"calc(var(--spacing) * 3.5)","paddingLeft":"calc(var(--spacing) * 3.5)"}},"p-4":{"_static":{},"_dynamic":{"paddingTop":"calc(var(--spacing) * 4)","paddingRight":"calc(var(--spacing) * 4)","paddingBottom":"calc(var(--spacing) * 4)","paddingLeft":"calc(var(--spacing) * 4)"}},"p-5":{"_static":{},"_dynamic":{"paddingTop":"calc(var(--spacing) * 5)","paddingRight":"calc(var(--spacing) * 5)","paddingBottom":"calc(var(--spacing) * 5)","paddingLeft":"calc(var(--spacing) * 5)"}},"p-6":{"_static":{},"_dynamic":{"paddingTop":"calc(var(--spacing) * 6)","paddingRight":"calc(var(--spacing) * 6)","paddingBottom":"calc(var(--spacing) * 6)","paddingLeft":"calc(var(--spacing) * 6)"}},"px-3":{"_static":{},"_dynamic":{"paddingHorizontal":"calc(var(--spacing) * 3)"}},"px-3.5":{"_static":{},"_dynamic":{"paddingHorizontal":"calc(var(--spacing) * 3.5)"}},"px-4":{"_static":{},"_dynamic":{"paddingHorizontal":"calc(var(--spacing) * 4)"}},"px-5":{"_static":{},"_dynamic":{"paddingHorizontal":"calc(var(--spacing) * 5)"}},"py-1":{"_static":{},"_dynamic":{"paddingVertical":"var(--spacing)"}},"py-2":{"_static":{},"_dynamic":{"paddingVertical":"calc(var(--spacing) * 2)"}},"py-2.5":{"_static":{},"_dynamic":{"paddingVertical":"calc(var(--spacing) * 2.5)"}},"py-3.5":{"_static":{},"_dynamic":{"paddingVertical":"calc(var(--spacing) * 3.5)"}},"py-4":{"_static":{},"_dynamic":{"paddingVertical":"calc(var(--spacing) * 4)"}},"pr-3":{"_static":{},"_dynamic":{"paddingRight":"calc(var(--spacing) * 3)"}},"pb-20":{"_static":{},"_dynamic":{"paddingBottom":"calc(var(--spacing) * 20)"}},"text-2xl":{"_static":{},"_dynamic":{"fontSize":"var(--text-2xl)","lineHeight":"var(--tw-leading, var(--text-2xl--line-height))"}},"text-2xs":{"_static":{},"_dynamic":{"fontSize":"var(--text-2xs)","lineHeight":"var(--tw-leading, var(--text-2xs--line-height))"}},"text-md":{"_static":{},"_dynamic":{"fontSize":"var(--text-md)","lineHeight":"var(--tw-leading, var(--text-md--line-height))"}},"text-sm":{"_static":{},"_dynamic":{"fontSize":"var(--text-sm)","lineHeight":"var(--tw-leading, var(--text-sm--line-height))"}},"text-xs":{"_static":{},"_dynamic":{"fontSize":"var(--text-xs)","lineHeight":"var(--tw-leading, var(--text-xs--line-height))"}},"font-bold":{"_static":{"--tw-font-weight":"var(--font-weight-bold)"},"_dynamic":{"fontWeight":"var(--font-weight-bold)"}},"font-semibold":{"_static":{"--tw-font-weight":"var(--font-weight-semibold)"},"_dynamic":{"fontWeight":"var(--font-weight-semibold)"}},"tracking-wider":{"_static":{"--tw-tracking":"var(--tracking-wider)"},"_dynamic":{"letterSpacing":"var(--tracking-wider)"}},"text-blue-200":{"_static":{},"_dynamic":{"color":"var(--color-blue-200)"}},"text-green-200":{"_static":{},"_dynamic":{"color":"var(--color-green-200)"}},"text-green-500":{"_static":{},"_dynamic":{"color":"var(--color-green-500)"}},"text-navy-200":{"_static":{},"_dynamic":{"color":"var(--color-navy-200)"}},"text-navy-300":{"_static":{},"_dynamic":{"color":"var(--color-navy-300)"}},"text-navy-600":{"_static":{},"_dynamic":{"color":"var(--color-navy-600)"}},"text-navy-700":{"_static":{},"_dynamic":{"color":"var(--color-navy-700)"}},"text-white":{"_static":{},"_dynamic":{"color":"var(--color-white)"}},"text-yellow-500":{"_static":{},"_dynamic":{"color":"var(--color-yellow-500)"}},"capitalize":{"textTransform":"capitalize"},"uppercase":{"textTransform":"uppercase"},"shadow-base":{"_static":{"--tw-shadow":"0px 0px 4px var(--tw-shadow-color, lab(0% 0 0 / .1))"},"_dynamic":{"boxShadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"}},"transition":{"_static":{"transitionProperty":"color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events"},"_dynamic":{"transitionTimingFunction":"var(--tw-ease, var(--default-transition-timing-function))","transitionDuration":"var(--tw-duration, var(--default-transition-duration))"}},"transition-all":{"_static":{"transitionProperty":"all"},"_dynamic":{"transitionTimingFunction":"var(--tw-ease, var(--default-transition-timing-function))","transitionDuration":"var(--tw-duration, var(--default-transition-duration))"}},"group-active:scale-105":{"_static":{"--tw-scale-x":"105%","--tw-scale-y":"105%","--tw-scale-z":"105%"},"_dynamic":{"scale":"var(--tw-scale-x) var(--tw-scale-y)"}},"group-active:bg-yellow-500":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-yellow-500)"}},"group-active:text-black":{"_static":{},"_dynamic":{"color":"var(--color-black)"}},"group-active:text-yellow-500":{"_static":{},"_dynamic":{"color":"var(--color-yellow-500)"}},"active:scale-95":{"_static":{"--tw-scale-x":"95%","--tw-scale-y":"95%","--tw-scale-z":"95%"},"_dynamic":{"scale":"var(--tw-scale-x) var(--tw-scale-y)"}},"scale-95":{"_static":{"--tw-scale-x":"95%","--tw-scale-y":"95%","--tw-scale-z":"95%"},"_dynamic":{"scale":"var(--tw-scale-x) var(--tw-scale-y)"}},"active:border-primary":{"_static":{},"_dynamic":{"borderColor":"var(--color-primary)"}},"active:bg-navy-600":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-600)"}},"active:opacity-75":{"opacity":0.75},"opacity-75":{"opacity":0.75},"active:opacity-80":{"opacity":0.8},"opacity-80":{"opacity":0.8},"disabled:bg-navy-400":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-400)"}},"bg-navy-400":{"_static":{},"_dynamic":{"backgroundColor":"var(--color-navy-400)"}},"disabled:opacity-40":{"opacity":0.4},"opacity-40":{"opacity":0.4}}

package/src/features/build-transform.js

@@ -1,536 +0,0 @@
-/**
- * Build-time CSS transformations
- * Pre-computes static values during Metro transform to reduce runtime work.
- */
-
-// ============================================================================
-// Regex patterns (compiled once)
-// ============================================================================
-const remOrEmUnitRe = /([\d.]+)(rem|em)/g;
-const pxUnitRe = /^([\d.]+)px$/;
-const viewportUnitRe = /([\d.]+)(vh|vw|vmin|vmax)/;
-const cssVarRe = /var\(/;
-const calcRe = /calc\(/;
-const colorRe1 = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)/g;
-const colorRe2 = /rgba?\(\s*(\d+)\s+(\d+)\s+(\d+)\s*\/\s*([\d.]+)\s*\)/g;
-const borderRe = /^(\S+)\s+(solid|dashed|dotted)\s+(\S+)$/;
-const borderSimpleRe = /^(\S+)\s+(solid|dashed|dotted)$/;
-const spacingRe = /^\s*(\S+)(?:\s+(\S+)(?:\s+(\S+)(?:\s+(\S+))?)?)?\s*$/;
-const fontWeightRe = /^(normal|bold|[1-9]00)$/;
-const transformFnRe =
-  /(perspective|rotate[XYZ]?|scale[XY]?|translate[XY]?|skew[XY]?)\s*\(\s*([^,)]+)(?:,\s*([^)]+))?\)/g;
-
-const UNSUPPORTED_PROPERTIES = ["outline"];
-
-// ============================================================================
-// Helpers
-// ============================================================================
-const itohex = (component) => {
-  const hex = Number(component).toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
-};
-
-const toNumber = (value) => {
-  if (typeof value === "number") return value;
-  if (typeof value !== "string") return value;
-  const trimmed = value.trim();
-  if (trimmed === "") return value;
-  // If it's a known string-only property like borderStyle or pure word, don't convert to number
-  if (/^(solid|dashed|dotted|none|hidden|double|groove|ridge|inset|outset)$/i.test(trimmed)) {
-    return trimmed;
-  }
-  const num = Number(trimmed);
-  return !isNaN(num) ? num : value;
-};
-
-// ============================================================================
-// Check if value needs runtime processing
-// ============================================================================
-export function isDynamicValue(value) {
-  if (typeof value !== "string") return false;
-  return viewportUnitRe.test(value) || cssVarRe.test(value);
-}
-
-export function hasMediaQuery(declaration) {
-  if (!declaration || typeof declaration !== "object") return false;
-  return Object.keys(declaration).some((key) => key.startsWith("@media"));
-}
-
-// ============================================================================
-// Static transformations (can be done at build time)
-// ============================================================================
-
-/** Remove !important */
-export function removeImportant(value) {
-  if (typeof value !== "string") return value;
-  return value.replace(/\s*!important\s*/g, "").trim();
-}
-
-/** Convert rem/em to px (1rem = 16px) */
-export function transformRemEm(value) {
-  if (typeof value !== "string") return value;
-  return value.replace(remOrEmUnitRe, (_, num) => `${parseFloat(num) * 16}px`);
-}
-
-/** Remove px unit and convert to number */
-export function removePxUnit(value) {
-  if (typeof value !== "string") return value;
-  const match = pxUnitRe.exec(value);
-  if (match) return parseFloat(match[1]);
-  return value;
-}
-
-/** Transform rgba/rgb to hex */
-export function transformColor(value) {
-  if (typeof value !== "string") return value;
-
-  // Reset lastIndex for global regexes
-  colorRe1.lastIndex = 0;
-  colorRe2.lastIndex = 0;
-
-  value = value.replace(colorRe1, (_, r, g, b, a) => {
-    const alpha = parseFloat(a);
-    if (isNaN(alpha) || alpha >= 1) return `#${itohex(r)}${itohex(g)}${itohex(b)}`;
-    return `#${itohex(r)}${itohex(g)}${itohex(b)}${itohex(Math.round(alpha * 255))}`;
-  });
-
-  value = value.replace(colorRe2, (_, r, g, b, a) => {
-    const alpha = parseFloat(a);
-    if (isNaN(alpha) || alpha >= 1) return `#${itohex(r)}${itohex(g)}${itohex(b)}`;
-    return `#${itohex(r)}${itohex(g)}${itohex(b)}${itohex(Math.round(alpha * 255))}`;
-  });
-
-  return value;
-}
-
-/** Transform position: fixed → absolute */
-export function transformPosition(property, value) {
-  if (property === "position" && value === "fixed") return "absolute";
-  return value;
-}
-
-/** Transform border-radius with % → 9999 */
-export function transformBorderRadius(property, value) {
-  if (property.toLowerCase().endsWith("radius") && typeof value === "string" && value.includes("%")) {
-    return 9999;
-  }
-  return value;
-}
-
-/** Transform opacity with % → decimal */
-export function transformOpacity(property, value) {
-  if (property === "opacity" && typeof value === "string" && value.endsWith("%")) {
-    const num = parseFloat(value);
-    if (!isNaN(num)) {
-      return num / 100;
-    }
-  }
-  return value;
-}
-
-/** Get aliased property name */
-export function getAliasedProperty(property) {
-  if (property === "background") return "backgroundColor";
-  return property;
-}
-
-/** Check if property is supported */
-export function isPropertySupported(property, value) {
-  if (UNSUPPORTED_PROPERTIES.includes(property)) return false;
-  if (value === undefined || value === null) return false;
-  if (typeof value === "object") return false; // Skip nested objects (media queries)
-  return true;
-}
-
-// ============================================================================
-// Shorthand expansion
-// ============================================================================
-
-/** Expand border shorthand */
-export function expandBorder(property, value) {
-  if (!["border", "borderTop", "borderBottom", "borderLeft", "borderRight"].includes(property)) {
-    return null;
-  }
-
-  if (value === "none" || value === "0") {
-    return { [`${property}Width`]: 0 };
-  }
-
-  const match = borderRe.exec(String(value));
-  if (match) {
-    const [, width, style, color] = match;
-    return {
-      [`${property}Width`]: toNumber(width),
-      borderStyle: ["solid", "dotted", "dashed"].includes(style) ? style : "solid",
-      [`${property}Color`]: color,
-    };
-  }
-
-  // Try "width style" format
-  const simpleMatch = borderSimpleRe.exec(String(value));
-  if (simpleMatch) {
-    const [, width, style] = simpleMatch;
-    return {
-      [`${property}Width`]: toNumber(width),
-      borderStyle: ["solid", "dotted", "dashed"].includes(style) ? style : "solid",
-    };
-  }
-
-  // Single value (width only)
-  return { [`${property}Width`]: toNumber(value) };
-}
-
-function splitSpacingValues(str) {
-  const parts = [];
-  let current = "";
-  let depth = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str[i];
-    if (char === "(") {
-      depth++;
-      current += char;
-    } else if (char === ")") {
-      depth--;
-      current += char;
-    } else if (char === " " && depth === 0) {
-      if (current) {
-        parts.push(current);
-        current = "";
-      }
-    } else {
-      current += char;
-    }
-  }
-  if (current) {
-    parts.push(current);
-  }
-  return parts.filter(Boolean);
-}
-
-/** Expand margin/padding shorthand */
-export function expandSpacing(property, value) {
-  if (!["padding", "margin"].includes(property)) return null;
-
-  const parts = splitSpacingValues(String(value));
-  if (parts.length === 0) return null;
-
-  const top = parts[0];
-  const right = parts[1] !== undefined ? parts[1] : top;
-  const bottom = parts[2] !== undefined ? parts[2] : top;
-  const left = parts[3] !== undefined ? parts[3] : right;
-
-  return {
-    [`${property}Top`]: toNumber(top),
-    [`${property}Right`]: toNumber(right),
-    [`${property}Bottom`]: toNumber(bottom),
-    [`${property}Left`]: toNumber(left),
-  };
-}
-
-/** Expand fontWeight */
-export function expandFontWeight(property, value) {
-  if (property !== "fontWeight") return null;
-  if (!fontWeightRe.test(String(value))) return null;
-  return { fontWeight: String(value) };
-}
-
-/** Expand flex */
-export function expandFlex(property, value) {
-  if (property !== "flex") return null;
-  return { flex: parseInt(value, 10) };
-}
-
-/** Expand transform property */
-export function expandTransform(property, value) {
-  if (property !== "transform") return null;
-  if (typeof value !== "string") return null;
-
-  // If contains dynamic values, skip
-  if (isDynamicValue(value)) return null;
-
-  const transforms = [];
-  let match;
-  const re = new RegExp(transformFnRe.source, "g");
-
-  while ((match = re.exec(value)) !== null) {
-    const [, fn, val1, val2] = match;
-
-    if (fn === "translate" || fn === "skew") {
-      transforms.push({ [`${fn}X`]: toNumber(val1) });
-      if (val2 !== undefined) {
-        transforms.push({ [`${fn}Y`]: toNumber(val2) });
-      }
-    } else {
-      transforms.push({ [fn]: toNumber(val1) });
-    }
-  }
-
-  return transforms.length > 0 ? { transform: transforms } : null;
-}
-
-/** Expand logical properties like paddingInline, marginInline, paddingBlock, marginBlock */
-export function expandLogicalProperty(property, value) {
-  if (
-    ![
-      "paddingInline",
-      "marginInline",
-      "paddingBlock",
-      "marginBlock",
-      "paddingInlineStart",
-      "paddingInlineEnd",
-      "marginInlineStart",
-      "marginInlineEnd",
-      "insetInline",
-      "insetInlineStart",
-      "insetInlineEnd",
-      "insetBlock",
-      "insetBlockStart",
-      "insetBlockEnd",
-    ].includes(property)
-  ) {
-    return null;
-  }
-
-  const strValue = String(value).trim();
-  const parts = [];
-  let current = "";
-  let depth = 0;
-  for (let i = 0; i < strValue.length; i++) {
-    const char = strValue[i];
-    if (char === "(") {
-      depth++;
-      current += char;
-    } else if (char === ")") {
-      depth--;
-      current += char;
-    } else if (char === " " && depth === 0) {
-      if (current) {
-        parts.push(current);
-        current = "";
-      }
-    } else {
-      current += char;
-    }
-  }
-  if (current) {
-    parts.push(current);
-  }
-
-  const cleanedParts = parts.filter(Boolean);
-
-  if (property === "paddingInlineStart") return { paddingStart: toNumber(value) };
-  if (property === "paddingInlineEnd") return { paddingEnd: toNumber(value) };
-  if (property === "marginInlineStart") return { marginStart: toNumber(value) };
-  if (property === "marginInlineEnd") return { marginEnd: toNumber(value) };
-  if (property === "insetInlineStart") return { start: toNumber(value) };
-  if (property === "insetInlineEnd") return { end: toNumber(value) };
-  if (property === "insetBlockStart") return { top: toNumber(value) };
-  if (property === "insetBlockEnd") return { bottom: toNumber(value) };
-
-  if (property === "paddingInline") {
-    if (cleanedParts.length === 1) {
-      return { paddingHorizontal: toNumber(cleanedParts[0]) };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        paddingStart: toNumber(cleanedParts[0]),
-        paddingEnd: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  if (property === "marginInline") {
-    if (cleanedParts.length === 1) {
-      return { marginHorizontal: toNumber(cleanedParts[0]) };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        marginStart: toNumber(cleanedParts[0]),
-        marginEnd: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  if (property === "paddingBlock") {
-    if (cleanedParts.length === 1) {
-      return { paddingVertical: toNumber(cleanedParts[0]) };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        paddingTop: toNumber(cleanedParts[0]),
-        paddingBottom: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  if (property === "marginBlock") {
-    if (cleanedParts.length === 1) {
-      return { marginVertical: toNumber(cleanedParts[0]) };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        marginTop: toNumber(cleanedParts[0]),
-        marginBottom: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  if (property === "insetInline") {
-    if (cleanedParts.length === 1) {
-      return {
-        left: toNumber(cleanedParts[0]),
-        right: toNumber(cleanedParts[0]),
-      };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        start: toNumber(cleanedParts[0]),
-        end: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  if (property === "insetBlock") {
-    if (cleanedParts.length === 1) {
-      return {
-        top: toNumber(cleanedParts[0]),
-        bottom: toNumber(cleanedParts[0]),
-      };
-    }
-    if (cleanedParts.length >= 2) {
-      return {
-        top: toNumber(cleanedParts[0]),
-        bottom: toNumber(cleanedParts[1]),
-      };
-    }
-  }
-
-  return null;
-}
-
-// ============================================================================
-// Main pre-computation function
-// ============================================================================
-
-/**
- * Pre-compute a single property value
- * Returns { property, value, isDynamic }
- */
-export function precomputeValue(property, value) {
-  // Handle non-string values
-  if (typeof value !== "string") {
-    return { property, value, isDynamic: false };
-  }
-
-  // Check if dynamic (needs runtime)
-  const isDynamic = isDynamicValue(value) || calcRe.test(value);
-
-  // Apply static transformations (even for dynamic values, some parts can be pre-processed)
-  let processed = value;
-  processed = removeImportant(processed);
-  processed = transformRemEm(processed);
-  processed = transformColor(processed);
-  processed = transformPosition(property, processed);
-  processed = transformBorderRadius(property, processed);
-  processed = transformOpacity(property, processed);
-
-  // Get aliased property
-  const aliasedProp = getAliasedProperty(property);
-
-    // For static values, remove px and convert to number (unless it's borderStyle, fontWeight, etc.)
-    if (!isDynamic) {
-      if (aliasedProp.endsWith("Style") || aliasedProp.endsWith("borderStyle") || aliasedProp === "borderStyle") {
-        processed = String(processed).trim() || "solid";
-      } else {
-        processed = removePxUnit(processed);
-        if (typeof processed === "string") {
-          processed = toNumber(processed);
-        }
-      }
-    }
-
-    // React Native does not support directional borderStyle properties (e.g. borderBottomStyle)
-    if (["borderBottomStyle", "borderTopStyle", "borderLeftStyle", "borderRightStyle"].includes(aliasedProp)) {
-      return { property: "borderStyle", value: processed === "dotted" || processed === "dashed" ? processed : "solid", isDynamic };
-    }
-
-    return { property: aliasedProp, value: processed, isDynamic };
-}
-
-/**
- * Pre-compute an entire declaration object
- * Returns { _static: {...}, _dynamic: {...}, _hasDynamic: boolean }
- */
-export function precomputeDeclaration(declaration) {
-  if (!declaration || typeof declaration !== "object") {
-    return { _static: {}, _dynamic: {}, _hasDynamic: false };
-  }
-
-  const staticProps = {};
-  const dynamicProps = {};
-  let hasDynamic = false;
-
-  for (const [property, value] of Object.entries(declaration)) {
-    // Handle media queries - always dynamic (needs runtime evaluation)
-    if (property.startsWith("@media")) {
-      // Recursively pre-compute media query content
-      const mediaResult = precomputeDeclaration(value);
-      dynamicProps[property] = {
-        _static: mediaResult._static,
-        _dynamic: mediaResult._dynamic,
-      };
-      hasDynamic = true;
-      continue;
-    }
-
-    // Keep CSS variables as-is
-    if (property.startsWith("--")) {
-      staticProps[property] = value;
-      continue;
-    }
-
-    // Skip unsupported
-    if (!isPropertySupported(property, value)) continue;
-
-    // Pre-compute the value
-    const { property: prop, value: val, isDynamic } = precomputeValue(property, value);
-
-    // Try to expand shorthand
-    const expanded =
-      expandBorder(prop, val) ||
-      expandSpacing(prop, val) ||
-      expandFontWeight(prop, val) ||
-      expandFlex(prop, val) ||
-      expandTransform(prop, val) ||
-      expandLogicalProperty(prop, val);
-
-    if (expanded) {
-      // Add expanded properties
-      for (const [expProp, expVal] of Object.entries(expanded)) {
-        if (isDynamic) {
-          dynamicProps[expProp] = expVal;
-          hasDynamic = true;
-        } else {
-          staticProps[expProp] = expVal;
-        }
-      }
-    } else {
-      // Single property
-      if (isDynamic) {
-        dynamicProps[prop] = val;
-        hasDynamic = true;
-      } else {
-        staticProps[prop] = val;
-      }
-    }
-  }
-
-  return { _static: staticProps, _dynamic: dynamicProps, _hasDynamic: hasDynamic };
-}
-
-export default {
-  isDynamicValue,
-  hasMediaQuery,
-  precomputeValue,
-  precomputeDeclaration,
-};