Make value accessible in ast root

Author: Cem Yılmaz

src/parse.test.ts

@@ -7,7 +7,8 @@ it('should parse a functional class', () => {
             "root": "bg",
             "kind": "functional",
             "property": "backgroundColor",
-            "value": {
+            "value": "#ef4444",
+            "valueDef": {
                 "value": "#ef4444",
                 "kind": "color",
                 "class": [
@@ -30,7 +31,8 @@ it("should parse a named/static class", () => {
             "root": "flex",
             "kind": "named",
             "property": "display",
-            "value": {
+            "value": "flex",
+            "valueDef": {
                 "class": [
                     "display"
                 ],
@@ -52,7 +54,8 @@ it("should parse a functional class with arbitrary modifier", () => {
             "root": "bg",
             "kind": "functional",
             "property": "backgroundColor",
-            "value": {
+            "value": "#f9fafb",
+            "valueDef": {
                 "value": "#f9fafb",
                 "kind": "color",
                 "class": [
@@ -77,7 +80,8 @@ it("should parse a functional class with modifier", () => {
             "root": "bg",
             "kind": "functional",
             "property": "backgroundColor",
-            "value": {
+            "value": "#f9fafb",
+            "valueDef": {
                 "value": "#f9fafb",
                 "kind": "color",
                 "class": [
@@ -102,7 +106,8 @@ it("should parse a functional class with variants", () => {
             "root": "text",
             "kind": "functional",
             "property": "textColor",
-            "value": {
+            "value": "#ef4444",
+            "valueDef": {
                 "value": "#ef4444",
                 "kind": "color",
                 "class": [

src/parse.ts

@@ -19,7 +19,8 @@ export type AST = {
     root: string
     kind: "named" | "functional"
     property: string
-    value: Value
+    value: string
+    valueDef: Value
     variants: Variant[]
     modifier: Modifier | null,
     important: boolean
@@ -60,7 +61,8 @@ export const parse = (input: string, config?: CustomThemeConfig): AST => {
             root: base,
             kind: "named",
             property: namedPlugin!.ns,
-            value: {
+            value: namedPlugin.value,
+            valueDef: {
                 class: namedPlugin.class,
                 raw: base,
                 kind: "named",
@@ -94,7 +96,8 @@ export const parse = (input: string, config?: CustomThemeConfig): AST => {
             root: root,
             kind: "functional",
             property: associatedPluginByType!.ns,
-            value: {
+            value: arbitraryValue,
+            valueDef:{
                 value: arbitraryValue,
                 class: associatedPluginByType!.class,
                 raw: value,
@@ -140,11 +143,14 @@ export const parse = (input: string, config?: CustomThemeConfig): AST => {
         throw new PluginNotFoundException(base)
     }
 
+    const val = getValue(value, matchedPlugin, theme[matchedPlugin.scaleKey])
+
     return {
         root: root,
         kind: "functional",
         property: matchedPlugin.ns,
-        value: getValue(value, matchedPlugin, theme[matchedPlugin.scaleKey]),
+        value: val.value,
+        valueDef: val,
         variants: parsedCandidateVariants,
         modifier: modifier,
         important: state.important,