@pen.dev/cli 0.2.8

package/dist/out/data/halo.lib.pen

@@ -0,0 +1,4728 @@
+{
+  "version": "2.8",
+  "children": [
+    {
+      "type": "frame",
+      "id": "vtHps",
+      "x": 0,
+      "y": 0,
+      "name": "halo: design system components",
+      "theme": {
+        "Mode": "Light"
+      },
+      "clip": true,
+      "width": 3600,
+      "height": 4800,
+      "fill": "$--background",
+      "layout": "none",
+      "children": [
+        {
+          "type": "frame",
+          "id": "Xkn5h",
+          "x": 200,
+          "y": 3382,
+          "name": "Progress",
+          "reusable": true,
+          "clip": true,
+          "width": 360,
+          "height": 16,
+          "fill": "$--secondary",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "none",
+          "children": [
+            {
+              "type": "rectangle",
+              "id": "CjL0G",
+              "x": 0,
+              "y": 0,
+              "name": "Progress",
+              "fill": "$--primary",
+              "width": 180,
+              "height": 16,
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              }
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "zmp6I",
+          "x": 2600,
+          "y": 1799,
+          "name": "Radio Description/Selected",
+          "reusable": true,
+          "width": 480,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "children": [
+            {
+              "id": "9Lil0",
+              "type": "ref",
+              "ref": "bBmNI",
+              "x": 0,
+              "y": 0
+            },
+            {
+              "type": "frame",
+              "id": "ZaveE",
+              "name": "Text and supporting text",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "vertical",
+              "gap": 4,
+              "children": [
+                {
+                  "type": "text",
+                  "id": "rxL1P",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Pathfinder Neo",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                },
+                {
+                  "type": "text",
+                  "id": "xyq4X",
+                  "name": "Supporting text",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Compact rover optimized for short-range missions.",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "cqxgS",
+          "x": 2600,
+          "y": 4480,
+          "name": "Tooltip",
+          "reusable": true,
+          "clip": true,
+          "fill": "$--popover",
+          "cornerRadius": "$--radius-m",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--border"
+          },
+          "effect": {
+            "type": "shadow",
+            "shadowType": "outer",
+            "color": "#0000000f",
+            "offset": {
+              "x": 0,
+              "y": 2
+            },
+            "blur": 3.5,
+            "spread": -1
+          },
+          "gap": 8,
+          "padding": [
+            6,
+            12
+          ],
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "TCCRR",
+              "name": "Tooltip Text",
+              "fill": "$--popover-foreground",
+              "content": "Tooltip",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "rzII3",
+          "x": 2600,
+          "y": 2171,
+          "name": "Switch/Checked",
+          "reusable": true,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 12,
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "dX8wO",
+              "name": "switch",
+              "clip": true,
+              "width": 40,
+              "fill": "$--primary",
+              "cornerRadius": "$--radius-pill",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "padding": 4,
+              "justifyContent": "end",
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "sYa8v",
+                  "name": "dot",
+                  "clip": true,
+                  "width": 20,
+                  "height": 12,
+                  "fill": "$--primary-foreground",
+                  "cornerRadius": "$--radius-pill",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "layout": "none"
+                }
+              ]
+            },
+            {
+              "type": "text",
+              "id": "8doiY",
+              "name": "Switch Label",
+              "fill": "$--foreground",
+              "content": "Power-saving mode",
+              "lineHeight": 1.5,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 16,
+              "fontWeight": "normal"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "5QESV",
+          "x": 2600,
+          "y": 4128,
+          "name": "Textarea Group/Default",
+          "reusable": true,
+          "width": 392,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "vertical",
+          "gap": 6,
+          "children": [
+            {
+              "type": "frame",
+              "id": "UH6pB",
+              "name": "Label Text",
+              "width": "fill_container",
+              "fill": {
+                "type": "color",
+                "color": "$--white",
+                "enabled": false
+              },
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "J6cRM",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Label Text",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "t0VwL",
+              "name": "Textarea",
+              "width": "fill_container",
+              "height": 80,
+              "fill": "$--accent",
+              "cornerRadius": "$--radius-m",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--border"
+              },
+              "gap": 8,
+              "padding": [
+                16,
+                24
+              ],
+              "children": [
+                {
+                  "type": "text",
+                  "id": "7Lfkv",
+                  "name": "Input Value",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Placeholder",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "SoYjX",
+          "x": 2600,
+          "y": 3824,
+          "name": "Input OTP Group/Default",
+          "reusable": true,
+          "width": 392,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "vertical",
+          "gap": 6,
+          "children": [
+            {
+              "type": "frame",
+              "id": "AnSRn",
+              "name": "Label Text",
+              "width": "fill_container",
+              "fill": {
+                "type": "color",
+                "color": "$--white",
+                "enabled": false
+              },
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "j8fuP",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Label Text",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "XrBcV",
+              "name": "Input OTP Container",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "justifyContent": "center",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "xQv3a",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": [
+                    "$--radius-pill",
+                    "$--radius-xs",
+                    "$--radius-xs",
+                    "$--radius-pill"
+                  ],
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "56DCt",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "63ix3",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": "$--radius-none",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "Blb51",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "iKjn3",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": "$--radius-none",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "glI5C",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "BUYyW",
+                  "name": "Input OTP Divider",
+                  "clip": true,
+                  "width": 56,
+                  "height": 56,
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "BnSQf",
+                      "name": "•",
+                      "fill": "$--foreground",
+                      "content": "•",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "kwGTn",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": "$--radius-none",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "q013H",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "aPaWU",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": "$--radius-none",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "LVMEf",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "frame",
+                  "id": "W9SG1",
+                  "name": "Input OTP",
+                  "clip": true,
+                  "width": "fill_container",
+                  "height": 56,
+                  "fill": "$--accent",
+                  "cornerRadius": [
+                    "$--radius-xs",
+                    "$--radius-pill",
+                    "$--radius-pill",
+                    "$--radius-xs"
+                  ],
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1,
+                    "fill": "$--border"
+                  },
+                  "layout": "vertical",
+                  "justifyContent": "center",
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "JngJ4",
+                      "name": "0",
+                      "enabled": false,
+                      "fill": "$--foreground",
+                      "content": "0",
+                      "lineHeight": 1.4285714285714286,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "gqrFC",
+          "x": 2600,
+          "y": 3350,
+          "name": "Select Group/Default",
+          "reusable": true,
+          "width": 392,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "vertical",
+          "gap": 6,
+          "children": [
+            {
+              "type": "frame",
+              "id": "w9KWi",
+              "name": "Label Text",
+              "width": "fill_container",
+              "fill": {
+                "type": "color",
+                "color": "$--white",
+                "enabled": false
+              },
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "yBLtW",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Label Text",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "J2yno",
+              "name": "Select Trigger",
+              "width": "fill_container",
+              "fill": "$--accent",
+              "cornerRadius": "$--radius-pill",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--border"
+              },
+              "gap": 8,
+              "padding": [
+                18,
+                24
+              ],
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "8mNGM",
+                  "name": "Select option",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Select option",
+                  "lineHeight": 1.4285714285714286,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                },
+                {
+                  "type": "icon_font",
+                  "id": "uJzgY",
+                  "width": 16,
+                  "height": 16,
+                  "iconFontName": "chevron-down",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--muted-foreground"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "uEeaR",
+          "x": 2600,
+          "y": 2854,
+          "name": "Input Group/Default",
+          "reusable": true,
+          "width": 392,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "vertical",
+          "gap": 6,
+          "children": [
+            {
+              "type": "frame",
+              "id": "FAr9l",
+              "name": "Label Text",
+              "width": "fill_container",
+              "fill": {
+                "type": "color",
+                "color": "$--white",
+                "enabled": false
+              },
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "EVJFg",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Label Text",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "FcSY0",
+              "name": "Input",
+              "width": "fill_container",
+              "fill": "$--accent",
+              "cornerRadius": "$--radius-pill",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--border"
+              },
+              "gap": 8,
+              "padding": [
+                18,
+                24
+              ],
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "SdDrF",
+                  "name": "Input Value",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Placeholder",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "sUclX",
+          "x": 1200,
+          "y": 200,
+          "name": "Dropdown",
+          "reusable": true,
+          "slot": [
+            "aW3gF",
+            "ZMsKW",
+            "XFwtm",
+            "BNppb",
+            "WZBhI",
+            "xUnz2"
+          ],
+          "width": 240,
+          "height": 80,
+          "fill": "$--popover",
+          "cornerRadius": "$--radius-m",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--border"
+          },
+          "effect": {
+            "type": "shadow",
+            "shadowType": "outer",
+            "color": "#0000000f",
+            "offset": {
+              "x": 0,
+              "y": 2
+            },
+            "blur": 3.5,
+            "spread": -1
+          },
+          "layout": "vertical",
+          "padding": 8,
+          "alignItems": "center"
+        },
+        {
+          "type": "frame",
+          "id": "pye1M",
+          "x": 200,
+          "y": 200,
+          "name": "Accordion/Open",
+          "reusable": true,
+          "width": 480,
+          "stroke": {
+            "align": "inside",
+            "thickness": {
+              "bottom": 1
+            },
+            "fill": "$--border"
+          },
+          "layout": "vertical",
+          "children": [
+            {
+              "type": "frame",
+              "id": "PcIYk",
+              "name": "Accordion Trigger",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 18,
+              "padding": [
+                16,
+                0
+              ],
+              "justifyContent": "space_between",
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "yqb5P",
+                  "name": "Accordion Trigger",
+                  "fill": "$--foreground",
+                  "content": "What is a micro-interaction?",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-primary",
+                  "fontSize": 16,
+                  "fontWeight": "500"
+                },
+                {
+                  "type": "frame",
+                  "id": "BM1AC",
+                  "name": "Icon",
+                  "width": 16,
+                  "height": 16,
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "layout": "none",
+                  "children": [
+                    {
+                      "type": "icon_font",
+                      "id": "p5jmk",
+                      "x": 0,
+                      "y": 0,
+                      "width": 16,
+                      "height": 16,
+                      "iconFontName": "chevron-up",
+                      "iconFontFamily": "lucide",
+                      "fill": "$--foreground"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "3BA28",
+              "name": "Accordion Content",
+              "clip": true,
+              "width": "fill_container",
+              "height": 54,
+              "layout": "vertical",
+              "padding": [
+                0,
+                0,
+                16,
+                0
+              ],
+              "children": [
+                {
+                  "type": "text",
+                  "id": "7sFLs",
+                  "name": "Accordion Content",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Micro-interactions are events which have one main task — a single purpose — and they are found all over your device and within apps.",
+                  "lineHeight": 1.4285714285714286,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "90yrf",
+          "x": 200,
+          "y": 506,
+          "name": "Alert/Info",
+          "reusable": true,
+          "width": 640,
+          "fill": "$--color-info",
+          "cornerRadius": "$--radius-m",
+          "stroke": {
+            "align": "inside",
+            "thickness": {
+              "left": 2
+            }
+          },
+          "gap": 12,
+          "padding": [
+            16,
+            24
+          ],
+          "children": [
+            {
+              "type": "frame",
+              "id": "l1gX8",
+              "name": "Icon",
+              "clip": true,
+              "width": 24,
+              "height": 24,
+              "fill": {
+                "type": "color",
+                "color": "#ffffffff",
+                "enabled": false
+              },
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "tH8a1",
+                  "x": 0,
+                  "y": 0,
+                  "width": 24,
+                  "height": 24,
+                  "iconFontName": "info",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--color-info-foreground"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "HwklE",
+              "name": "contents",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "vertical",
+              "gap": 4,
+              "children": [
+                {
+                  "type": "text",
+                  "id": "Q9Aqm",
+                  "name": "Alert Title",
+                  "fill": "$--color-info-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Rover status update",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "500"
+                },
+                {
+                  "type": "text",
+                  "id": "SmO4x",
+                  "name": "Alert Description",
+                  "fill": "$--color-info-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Spirit-9 completed its nightly diagnostics. All systems are running within optimal parameters.",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "qHX3A",
+          "x": 200,
+          "y": 1678,
+          "name": "Label/Success",
+          "reusable": true,
+          "fill": "$--color-success",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 10,
+          "padding": [
+            8,
+            12
+          ],
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "1qRIv",
+              "name": "Text",
+              "fill": "$--color-success-foreground",
+              "content": "Explorer",
+              "lineHeight": 1.1428571428571428,
+              "fontFamily": "$--font-primary",
+              "fontSize": 14,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "ZqeIe",
+          "x": 200,
+          "y": 2630,
+          "name": "Card",
+          "reusable": true,
+          "clip": true,
+          "width": 480,
+          "fill": "$--card",
+          "cornerRadius": "$--radius-l",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--border"
+          },
+          "effect": {
+            "type": "shadow",
+            "shadowType": "outer",
+            "color": "#0000000a",
+            "offset": {
+              "x": 0,
+              "y": 10
+            },
+            "blur": 8.75
+          },
+          "layout": "vertical",
+          "children": [
+            {
+              "type": "frame",
+              "id": "SaWqo",
+              "name": "Card Header",
+              "slot": [],
+              "clip": true,
+              "width": "fill_container",
+              "height": 80,
+              "layout": "vertical",
+              "gap": 8,
+              "padding": 40,
+              "justifyContent": "center"
+            },
+            {
+              "type": "frame",
+              "id": "KD4A5",
+              "name": "Card Content",
+              "slot": [],
+              "clip": true,
+              "width": "fill_container",
+              "height": 80,
+              "layout": "vertical",
+              "gap": 8,
+              "padding": 40,
+              "justifyContent": "center"
+            },
+            {
+              "type": "frame",
+              "id": "508Xp",
+              "name": "Card Actions",
+              "slot": [],
+              "clip": true,
+              "width": "fill_container",
+              "height": 80,
+              "gap": 8,
+              "padding": 40,
+              "alignItems": "center"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "esSbn",
+          "x": 2600,
+          "y": 2490,
+          "name": "Checkbox Description/Checked",
+          "reusable": true,
+          "width": 480,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "children": [
+            {
+              "id": "3JmGh",
+              "type": "ref",
+              "ref": "434AE",
+              "x": 0,
+              "y": 0
+            },
+            {
+              "type": "frame",
+              "id": "qXXHO",
+              "name": "Text and supporting text",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "vertical",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "mJz5e",
+                  "name": "Label Text",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Enable autonomous navigation",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                },
+                {
+                  "type": "text",
+                  "id": "0LaMb",
+                  "name": "Supporting text",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Let the rover find the safest route on its own.",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "vP6oo",
+          "x": 200,
+          "y": 1514,
+          "name": "Avatar/Text",
+          "reusable": true,
+          "width": 40,
+          "height": 40,
+          "fill": "$--secondary",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "vertical",
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "ELfku",
+              "name": "Avatar Title",
+              "fill": "$--secondary-foreground",
+              "content": "PJ",
+              "lineHeight": 1.4285714285714286,
+              "textAlign": "center",
+              "textAlignVertical": "middle",
+              "fontFamily": "$--font-primary",
+              "fontSize": 14,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "KNNCs",
+          "x": 470,
+          "y": 2050,
+          "name": "Breadcrumb Item/Ellipsis",
+          "reusable": true,
+          "width": 20,
+          "height": 20,
+          "fill": {
+            "type": "color",
+            "color": "$--white",
+            "enabled": false
+          },
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "JRRSB",
+              "name": "Icon",
+              "width": 16,
+              "height": 16,
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "zFWdS",
+                  "x": 0,
+                  "y": 0,
+                  "width": 16,
+                  "height": 16,
+                  "iconFontName": "ellipsis",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--muted-foreground"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "fNY7R",
+          "x": 200,
+          "y": 2050,
+          "name": "Breadcrumb Item/Current",
+          "reusable": true,
+          "fill": {
+            "type": "color",
+            "color": "$--white",
+            "enabled": false
+          },
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "3JeEr",
+              "name": "Breadcrumb Item",
+              "fill": "$--foreground",
+              "content": "Breadcrumb Item",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "xBc88",
+          "x": 418,
+          "y": 2170,
+          "name": "Button/Default",
+          "reusable": true,
+          "fill": "$--primary",
+          "cornerRadius": "$--radius-pill",
+          "gap": 6,
+          "padding": [
+            10,
+            16
+          ],
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "2Pl0N",
+              "name": "Leading Icon",
+              "width": 20,
+              "height": 20,
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "zF167",
+                  "x": 2,
+                  "y": 2,
+                  "width": 16,
+                  "height": 16,
+                  "iconFontName": "plus",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--primary-foreground"
+                }
+              ]
+            },
+            {
+              "type": "text",
+              "id": "FT3cO",
+              "name": "Button",
+              "fill": "$--primary-foreground",
+              "content": "Button",
+              "lineHeight": 1.4286,
+              "textAlign": "center",
+              "textAlignVertical": "middle",
+              "fontFamily": "$--font-primary",
+              "fontSize": 14,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "PoWVd",
+          "x": 200,
+          "y": 2170,
+          "name": "Button/Large/Default",
+          "reusable": true,
+          "fill": "$--primary",
+          "cornerRadius": "$--radius-pill",
+          "gap": 6,
+          "padding": [
+            16,
+            24
+          ],
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "dwwx2",
+              "name": "Leading Icon",
+              "width": 24,
+              "height": 24,
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "cfxzz",
+                  "x": 2,
+                  "y": 2,
+                  "width": 20,
+                  "height": 20,
+                  "iconFontName": "plus",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--primary-foreground"
+                }
+              ]
+            },
+            {
+              "type": "text",
+              "id": "fIEfR",
+              "name": "Button",
+              "fill": "$--primary-foreground",
+              "content": "Button",
+              "lineHeight": 1.5555555555555556,
+              "textAlign": "center",
+              "textAlignVertical": "middle",
+              "fontFamily": "$--font-primary",
+              "fontSize": 14,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "id": "uz5ww",
+          "type": "ref",
+          "reusable": true,
+          "ref": "pye1M",
+          "x": 200,
+          "y": 350,
+          "name": "Accordion/Closed",
+          "descendants": {
+            "p5jmk": {
+              "iconFontFamily": "lucide",
+              "iconFontName": "chevron-down"
+            },
+            "3BA28": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "ZRLup",
+          "type": "ref",
+          "reusable": true,
+          "ref": "90yrf",
+          "x": 200,
+          "y": 654,
+          "name": "Alert/Success",
+          "fill": "$--color-success",
+          "descendants": {
+            "tH8a1": {
+              "iconFontFamily": "lucide",
+              "iconFontName": "shield-check",
+              "fill": "$--color-success-foreground"
+            },
+            "Q9Aqm": {
+              "content": "Mission approved",
+              "fill": "$--color-success-foreground"
+            },
+            "SmO4x": {
+              "content": "Your request to rent the Curiosity-X rover has been confirmed. Deployment scheduled for Sol 482.",
+              "fill": "$--color-success-foreground"
+            }
+          }
+        },
+        {
+          "id": "wuzQC",
+          "type": "ref",
+          "reusable": true,
+          "ref": "90yrf",
+          "x": 200,
+          "y": 802,
+          "name": "Alert/Warning",
+          "fill": "$--color-warning",
+          "descendants": {
+            "tH8a1": {
+              "iconFontFamily": "lucide",
+              "iconFontName": "octagon-alert",
+              "fill": "$--color-warning-foreground"
+            },
+            "Q9Aqm": {
+              "content": "Terrain instability detected",
+              "fill": "$--color-warning-foreground"
+            },
+            "SmO4x": {
+              "content": "The selected route crosses an area with loose regolith. Proceed with caution or reroute to a safer path.",
+              "fill": "$--color-warning-foreground"
+            }
+          }
+        },
+        {
+          "id": "YLlSf",
+          "type": "ref",
+          "reusable": true,
+          "ref": "90yrf",
+          "x": 200,
+          "y": 950,
+          "name": "Alert/Error",
+          "fill": "$--color-error",
+          "descendants": {
+            "tH8a1": {
+              "iconFontFamily": "lucide",
+              "iconFontName": "square-x",
+              "fill": "$--color-error-foreground"
+            },
+            "Q9Aqm": {
+              "content": "Communication link lost",
+              "fill": "$--color-error-foreground"
+            },
+            "SmO4x": {
+              "content": "Rover telemetry signal interrupted. Check your base antenna alignment or retry connection in 10 minutes.",
+              "fill": "$--color-error-foreground"
+            }
+          }
+        },
+        {
+          "id": "OLaVT",
+          "type": "ref",
+          "reusable": true,
+          "ref": "vP6oo",
+          "x": 280,
+          "y": 1514,
+          "name": "Avatar/Image",
+          "fill": {
+            "type": "image",
+            "enabled": true,
+            "url": "",
+            "mode": "fill"
+          },
+          "descendants": {
+            "ELfku": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "2bkgE",
+          "type": "ref",
+          "reusable": true,
+          "ref": "qHX3A",
+          "x": 200,
+          "y": 1750,
+          "fill": "$--color-warning",
+          "descendants": {
+            "1qRIv": {
+              "content": "Transporter",
+              "fill": "$--color-warning-foreground"
+            }
+          }
+        },
+        {
+          "id": "Tn1Ii",
+          "type": "ref",
+          "reusable": true,
+          "ref": "qHX3A",
+          "x": 200,
+          "y": 1822,
+          "fill": "$--color-info",
+          "descendants": {
+            "1qRIv": {
+              "content": "Hauler",
+              "fill": "$--color-info-foreground"
+            }
+          }
+        },
+        {
+          "id": "7JOF0",
+          "type": "ref",
+          "reusable": true,
+          "ref": "qHX3A",
+          "x": 200,
+          "y": 1894,
+          "fill": "$--secondary",
+          "descendants": {
+            "1qRIv": {
+              "content": "Pioneer",
+              "fill": "$--secondary-foreground"
+            }
+          }
+        },
+        {
+          "id": "fsuAb",
+          "type": "ref",
+          "reusable": true,
+          "ref": "fNY7R",
+          "x": 335,
+          "y": 2050,
+          "name": "Breadcrumb Item/Default",
+          "descendants": {
+            "3JeEr": {
+              "fill": "$--muted-foreground"
+            }
+          }
+        },
+        {
+          "id": "UnpF2",
+          "type": "ref",
+          "reusable": true,
+          "ref": "KNNCs",
+          "x": 510,
+          "y": 2050,
+          "name": "Breadcrumb Item/Separator",
+          "descendants": {
+            "zFWdS": {
+              "iconFontFamily": "lucide",
+              "iconFontName": "chevron-right"
+            }
+          }
+        },
+        {
+          "id": "yufPk",
+          "type": "ref",
+          "reusable": true,
+          "ref": "PoWVd",
+          "x": 200,
+          "y": 2246,
+          "name": "Button/Large/Secondary",
+          "fill": "$--secondary",
+          "descendants": {
+            "cfxzz": {
+              "fill": "$--secondary-foreground"
+            },
+            "fIEfR": {
+              "fill": "$--secondary-foreground"
+            }
+          }
+        },
+        {
+          "id": "rMlcW",
+          "type": "ref",
+          "reusable": true,
+          "ref": "PoWVd",
+          "x": 200,
+          "y": 2322,
+          "name": "Button/Large/Destructive",
+          "fill": "$--destructive",
+          "descendants": {
+            "cfxzz": {
+              "fill": "$--destructive-foreground"
+            },
+            "fIEfR": {
+              "fill": "$--destructive-foreground"
+            }
+          }
+        },
+        {
+          "id": "Lk1JF",
+          "type": "ref",
+          "ref": "PoWVd",
+          "x": 200,
+          "y": 2398,
+          "name": "Button/Large/Outline",
+          "fill": [],
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--input"
+          },
+          "descendants": {
+            "cfxzz": {
+              "fill": "$--foreground"
+            },
+            "fIEfR": {
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "5wzLO",
+          "type": "ref",
+          "reusable": true,
+          "ref": "PoWVd",
+          "x": 200,
+          "y": 2474,
+          "name": "Button/Large/Ghost",
+          "fill": "$--accent",
+          "descendants": {
+            "cfxzz": {
+              "fill": "$--foreground"
+            },
+            "fIEfR": {
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "jZ9wS",
+          "type": "ref",
+          "reusable": true,
+          "ref": "PoWVd",
+          "x": 342,
+          "y": 2398,
+          "name": "Icon Button/Large/Outline",
+          "fill": [],
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--input"
+          },
+          "padding": 16,
+          "descendants": {
+            "cfxzz": {
+              "fill": "$--foreground"
+            },
+            "fIEfR": {
+              "fill": "$--foreground",
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "KbRXc",
+          "type": "ref",
+          "reusable": true,
+          "ref": "5wzLO",
+          "x": 342,
+          "y": 2474,
+          "name": "Icon Button/Large/Ghost",
+          "padding": 16,
+          "descendants": {
+            "fIEfR": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "Vv1tJ",
+          "type": "ref",
+          "reusable": true,
+          "ref": "PoWVd",
+          "x": 342,
+          "y": 2170,
+          "name": "Icon Button/Large/Default",
+          "padding": 16,
+          "descendants": {
+            "fIEfR": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "1PoFN",
+          "type": "ref",
+          "reusable": true,
+          "ref": "yufPk",
+          "x": 342,
+          "y": 2246,
+          "name": "Icon Button/Large/Secondary",
+          "padding": 16,
+          "descendants": {
+            "fIEfR": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "lqFb2",
+          "type": "ref",
+          "reusable": true,
+          "ref": "rMlcW",
+          "x": 342,
+          "y": 2322,
+          "name": "Icon Button/Large/Destructive",
+          "padding": 16,
+          "descendants": {
+            "fIEfR": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "mxrlX",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xBc88",
+          "x": 418,
+          "y": 2246,
+          "name": "Button/Secondary",
+          "fill": "$--secondary",
+          "descendants": {
+            "zF167": {
+              "fill": "$--secondary-foreground"
+            },
+            "FT3cO": {
+              "fill": "$--secondary-foreground"
+            }
+          }
+        },
+        {
+          "id": "VViA0",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xBc88",
+          "x": 419,
+          "y": 2322,
+          "name": "Button/Destructive",
+          "fill": "$--destructive",
+          "descendants": {
+            "zF167": {
+              "fill": "$--destructive-foreground"
+            },
+            "FT3cO": {
+              "fill": "$--destructive-foreground"
+            }
+          }
+        },
+        {
+          "id": "L73ds",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xBc88",
+          "x": 419,
+          "y": 2398,
+          "name": "Button/Outline",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--input"
+          },
+          "fill": [],
+          "descendants": {
+            "zF167": {
+              "fill": "$--foreground"
+            },
+            "FT3cO": {
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "Iskt0",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xBc88",
+          "x": 419,
+          "y": 2474,
+          "name": "Button/Ghost",
+          "fill": "$--accent",
+          "descendants": {
+            "zF167": {
+              "fill": "$--foreground"
+            },
+            "FT3cO": {
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "NZ2w4",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xBc88",
+          "x": 540,
+          "y": 2170,
+          "padding": 10,
+          "name": "Icon Button/Default",
+          "descendants": {
+            "FT3cO": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "YBfcY",
+          "type": "ref",
+          "reusable": true,
+          "ref": "mxrlX",
+          "x": 540,
+          "y": 2246,
+          "padding": 10,
+          "name": "Icon Button/Secondary",
+          "descendants": {
+            "FT3cO": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "Aicy4",
+          "type": "ref",
+          "reusable": true,
+          "ref": "VViA0",
+          "x": 541,
+          "y": 2322,
+          "padding": 10,
+          "name": "Icon Button/Destructive",
+          "descendants": {
+            "FT3cO": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "EuWLL",
+          "type": "ref",
+          "reusable": true,
+          "ref": "L73ds",
+          "x": 541,
+          "y": 2398,
+          "padding": 10,
+          "name": "Icon Button/Outline",
+          "descendants": {
+            "FT3cO": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "uUsbB",
+          "type": "ref",
+          "reusable": true,
+          "ref": "Iskt0",
+          "x": 541,
+          "y": 2474,
+          "padding": 10,
+          "name": "Icon Button/Ghost",
+          "descendants": {
+            "FT3cO": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "1St63",
+          "type": "ref",
+          "reusable": true,
+          "ref": "ZqeIe",
+          "x": 200,
+          "y": 1158,
+          "width": 480,
+          "height": "fit_content",
+          "flipX": false,
+          "flipY": false,
+          "textGrowth": "auto",
+          "name": "Dialog",
+          "descendants": {
+            "SaWqo": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "YbbDj",
+                  "name": "Dialog Title",
+                  "fill": "$--card-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Add a title here",
+                  "lineHeight": 1.5555555555555556,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-primary",
+                  "fontSize": 18,
+                  "fontWeight": "500"
+                },
+                {
+                  "type": "text",
+                  "id": "1M1tK",
+                  "name": "Dialog Description",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "And add a detailed description here.",
+                  "lineHeight": 1.4285714285714286,
+                  "textAlignVertical": "middle",
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            },
+            "KD4A5": {
+              "enabled": false
+            },
+            "508Xp": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "id": "aZctM",
+                  "type": "ref",
+                  "ref": "xBc88",
+                  "x": 40,
+                  "y": 40,
+                  "descendants": {
+                    "2Pl0N": {
+                      "enabled": false
+                    },
+                    "FT3cO": {
+                      "content": "Continue"
+                    }
+                  }
+                },
+                {
+                  "id": "Gih9z",
+                  "type": "ref",
+                  "ref": "L73ds",
+                  "x": 141,
+                  "y": 40,
+                  "descendants": {
+                    "2Pl0N": {
+                      "enabled": false
+                    },
+                    "FT3cO": {
+                      "content": "Cancel"
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "Axg1e",
+          "x": 200,
+          "y": 2970,
+          "name": "Tab Item/Active",
+          "reusable": true,
+          "fill": "$--secondary",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "effect": {
+            "type": "shadow",
+            "shadowType": "outer",
+            "color": "#0000000f",
+            "offset": {
+              "x": 0,
+              "y": 1
+            },
+            "blur": 3.5,
+            "spread": -1
+          },
+          "gap": 8,
+          "padding": [
+            10,
+            24
+          ],
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "lsCeq",
+              "name": "Label Selected",
+              "fill": "$--secondary-foreground",
+              "content": "Tab",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            }
+          ]
+        },
+        {
+          "id": "H2eCV",
+          "type": "ref",
+          "reusable": true,
+          "ref": "Axg1e",
+          "x": 200,
+          "y": 3050,
+          "fill": "$--white",
+          "effect": [],
+          "name": "Tab Item/Inactive",
+          "descendants": {
+            "lsCeq": {
+              "fill": "$--accent-foreground"
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "YJiio",
+          "x": 200,
+          "y": 3130,
+          "name": "Tabs",
+          "reusable": true,
+          "slot": [
+            "Axg1e",
+            "H2eCV"
+          ],
+          "clip": true,
+          "width": 120,
+          "height": 56,
+          "fill": "$--card",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--input"
+          },
+          "gap": 8,
+          "padding": 8,
+          "alignItems": "center"
+        },
+        {
+          "id": "9wbYl",
+          "type": "ref",
+          "ref": "YJiio",
+          "x": 200,
+          "y": 3226,
+          "width": "fit_content",
+          "height": "fit_content",
+          "children": [
+            {
+              "id": "LdOQj",
+              "type": "ref",
+              "ref": "Axg1e",
+              "x": 8,
+              "y": 8,
+              "descendants": {
+                "lsCeq": {
+                  "content": "Integrations"
+                }
+              }
+            },
+            {
+              "id": "3Xrrm",
+              "type": "ref",
+              "ref": "H2eCV",
+              "x": 143,
+              "y": 8,
+              "descendants": {
+                "lsCeq": {
+                  "x": 24,
+                  "y": 10,
+                  "content": "Billing"
+                }
+              }
+            },
+            {
+              "id": "xqcvU",
+              "type": "ref",
+              "ref": "H2eCV",
+              "x": 239,
+              "y": 8,
+              "descendants": {
+                "lsCeq": {
+                  "x": 24,
+                  "y": 10,
+                  "content": "Profile"
+                }
+              }
+            },
+            {
+              "id": "claME",
+              "type": "ref",
+              "ref": "H2eCV",
+              "x": 338,
+              "y": 8,
+              "descendants": {
+                "lsCeq": {
+                  "x": 24,
+                  "y": 10,
+                  "content": "Advanced"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "id": "GqFgg",
+          "type": "ref",
+          "reusable": true,
+          "ref": "ZqeIe",
+          "x": 2600,
+          "y": 200,
+          "name": "Modal/Left",
+          "descendants": {
+            "SaWqo": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "g2OEs",
+                  "name": "Card Title",
+                  "fill": "$--foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Modal Title",
+                  "lineHeight": 1.4,
+                  "fontFamily": "$--font-primary",
+                  "fontSize": 20,
+                  "fontWeight": "500"
+                },
+                {
+                  "type": "text",
+                  "id": "zkEXz",
+                  "name": "Modal Subtitle",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Modal Subtitle",
+                  "lineHeight": 1.4285714285714286,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            },
+            "508Xp": {
+              "height": "fit_content",
+              "layout": "vertical",
+              "children": [
+                {
+                  "id": "YWp6U",
+                  "type": "ref",
+                  "ref": "PoWVd",
+                  "x": 40,
+                  "y": 40,
+                  "width": "fill_container",
+                  "descendants": {
+                    "fIEfR": {
+                      "content": "Action"
+                    }
+                  }
+                },
+                {
+                  "id": "wvFdE",
+                  "type": "ref",
+                  "ref": "yufPk",
+                  "x": 40,
+                  "y": 104,
+                  "width": "fill_container",
+                  "descendants": {
+                    "fIEfR": {
+                      "content": "Action"
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "id": "HwiOa",
+          "type": "ref",
+          "reusable": true,
+          "ref": "GqFgg",
+          "x": 2600,
+          "y": 656,
+          "name": "Modal/Center",
+          "descendants": {
+            "g2OEs": {
+              "textAlign": "center"
+            },
+            "zkEXz": {
+              "textAlign": "center"
+            }
+          }
+        },
+        {
+          "id": "eCcfa",
+          "type": "ref",
+          "reusable": true,
+          "ref": "GqFgg",
+          "x": 2600,
+          "y": 1112,
+          "name": "Modal/Icon",
+          "descendants": {
+            "g2OEs": {
+              "type": "frame",
+              "id": "F0ybG",
+              "name": "Icon Base",
+              "width": 48,
+              "height": 48,
+              "fill": "$--accent",
+              "cornerRadius": "$--radius-m",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 10,
+              "justifyContent": "center",
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "82bCO",
+                  "width": 24,
+                  "height": 24,
+                  "iconFontName": "triangle-alert",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--accent-foreground"
+                }
+              ]
+            },
+            "zkEXz": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "bBmNI",
+          "x": 2600,
+          "y": 1671,
+          "name": "Radio/Selected",
+          "reusable": true,
+          "width": 16,
+          "height": 24,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "none",
+          "children": [
+            {
+              "type": "frame",
+              "id": "D1yxy",
+              "x": 0,
+              "y": 4,
+              "name": "radio",
+              "clip": true,
+              "width": 16,
+              "height": 16,
+              "fill": "$--primary",
+              "cornerRadius": 8,
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "ellipse",
+                  "id": "ohsro",
+                  "x": 6,
+                  "y": 6,
+                  "name": "dot",
+                  "fill": "$--primary-foreground",
+                  "width": 4,
+                  "height": 4,
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "QqjSs",
+          "type": "ref",
+          "reusable": true,
+          "ref": "bBmNI",
+          "x": 2600,
+          "y": 1735,
+          "name": "Radio/Default",
+          "descendants": {
+            "D1yxy": {
+              "fill": "$--background",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--input"
+              }
+            },
+            "ohsro": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "XMtje",
+          "type": "ref",
+          "reusable": true,
+          "ref": "zmp6I",
+          "x": 2600,
+          "y": 1891,
+          "name": "Radio Description/Unselected",
+          "descendants": {
+            "9Lil0": {
+              "id": "SX5Bs",
+              "type": "ref",
+              "ref": "QqjSs",
+              "x": 0,
+              "y": 0
+            }
+          }
+        },
+        {
+          "id": "FsOuM",
+          "type": "ref",
+          "reusable": true,
+          "ref": "zmp6I",
+          "x": 2600,
+          "y": 1983,
+          "width": "fit_content",
+          "name": "Radio/Selected",
+          "descendants": {
+            "ZaveE": {
+              "width": "fit_content"
+            },
+            "rxL1P": {
+              "width": 456,
+              "height": 24,
+              "textGrowth": "auto"
+            },
+            "xyq4X": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "plFkR",
+          "type": "ref",
+          "reusable": true,
+          "ref": "XMtje",
+          "x": 2600,
+          "y": 2047,
+          "width": "fit_content",
+          "name": "Radio/Unselected",
+          "descendants": {
+            "ZaveE": {
+              "width": "fit_content"
+            },
+            "rxL1P": {
+              "width": 456,
+              "height": 24,
+              "textGrowth": "auto"
+            },
+            "xyq4X": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "alZ6z",
+          "type": "ref",
+          "reusable": true,
+          "ref": "rzII3",
+          "x": 2600,
+          "y": 2235,
+          "name": "Switch/Unchecked",
+          "descendants": {
+            "dX8wO": {
+              "fill": "$--input",
+              "justifyContent": "start",
+              "alignItems": "center"
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "434AE",
+          "x": 2600,
+          "y": 2362,
+          "name": "Checkbox/Checked",
+          "reusable": true,
+          "width": 16,
+          "height": 24,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "layout": "none",
+          "children": [
+            {
+              "type": "frame",
+              "id": "ebczk",
+              "x": 0,
+              "y": 4,
+              "name": "Checkbox",
+              "clip": true,
+              "width": 16,
+              "height": 16,
+              "fill": "$--primary",
+              "cornerRadius": "$--radius-xs",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--primary"
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "icon_font",
+                  "id": "kKi23",
+                  "x": 2,
+                  "y": 2,
+                  "width": 12,
+                  "height": 12,
+                  "iconFontName": "check",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--primary-foreground"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "8IauZ",
+          "type": "ref",
+          "reusable": true,
+          "ref": "434AE",
+          "x": 2600,
+          "y": 2426,
+          "name": "Checkbox/Unchecked",
+          "descendants": {
+            "ebczk": {
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--input"
+              },
+              "fill": "$--background"
+            },
+            "kKi23": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "bWEiw",
+          "type": "ref",
+          "reusable": true,
+          "ref": "esSbn",
+          "x": 2600,
+          "y": 2578,
+          "name": "Checkbox Description/Unchecked",
+          "descendants": {
+            "3JmGh": {
+              "id": "2htRH",
+              "type": "ref",
+              "ref": "8IauZ",
+              "x": 0,
+              "y": 0
+            }
+          }
+        },
+        {
+          "id": "PVYah",
+          "type": "ref",
+          "reusable": true,
+          "ref": "esSbn",
+          "x": 2600,
+          "y": 2666,
+          "width": "fit_content",
+          "name": "Checkbox/Checked",
+          "descendants": {
+            "qXXHO": {
+              "width": "fit_content"
+            },
+            "mJz5e": {
+              "width": 456,
+              "height": 24,
+              "textGrowth": "auto"
+            },
+            "0LaMb": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "RPa0G",
+          "type": "ref",
+          "reusable": true,
+          "ref": "bWEiw",
+          "x": 2600,
+          "y": 2730,
+          "width": "fit_content",
+          "name": "Checkbox/Unchecked",
+          "descendants": {
+            "qXXHO": {
+              "width": "fit_content"
+            },
+            "mJz5e": {
+              "width": 456,
+              "height": 24,
+              "textGrowth": "auto"
+            },
+            "0LaMb": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "VeIJB",
+          "type": "ref",
+          "reusable": true,
+          "ref": "uEeaR",
+          "x": 2600,
+          "y": 2976,
+          "name": "Input Group/Filled",
+          "descendants": {
+            "SdDrF": {
+              "content": "Input Value",
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "x5vZH",
+          "type": "ref",
+          "ref": "uEeaR",
+          "x": 2600,
+          "y": 3098,
+          "name": "Input/Default",
+          "descendants": {
+            "FAr9l": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "ISQ0g",
+          "type": "ref",
+          "reusable": true,
+          "ref": "VeIJB",
+          "x": 2600,
+          "y": 3194,
+          "name": "Input/Filled",
+          "descendants": {
+            "FAr9l": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "9mQMg",
+          "type": "ref",
+          "reusable": true,
+          "ref": "gqrFC",
+          "x": 2600,
+          "y": 3472,
+          "name": "Select Group/Filled",
+          "descendants": {
+            "8mNGM": {
+              "content": "Selected option",
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "id": "HrOsX",
+          "type": "ref",
+          "reusable": true,
+          "ref": "gqrFC",
+          "x": 2600,
+          "y": 3594,
+          "name": "Select/Default",
+          "descendants": {
+            "w9KWi": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "YRTNR",
+          "type": "ref",
+          "reusable": true,
+          "ref": "9mQMg",
+          "x": 2600,
+          "y": 3690,
+          "name": "Select/Filled",
+          "descendants": {
+            "w9KWi": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "QqVcT",
+          "type": "ref",
+          "reusable": true,
+          "ref": "SoYjX",
+          "x": 2600,
+          "y": 3946,
+          "name": "Input OTP Group/Filled",
+          "descendants": {
+            "56DCt": {
+              "enabled": true
+            },
+            "Blb51": {
+              "enabled": true
+            },
+            "glI5C": {
+              "enabled": true
+            },
+            "q013H": {
+              "enabled": true
+            },
+            "LVMEf": {
+              "enabled": true
+            },
+            "JngJ4": {
+              "enabled": true
+            }
+          }
+        },
+        {
+          "id": "H7bEI",
+          "type": "ref",
+          "reusable": true,
+          "ref": "5QESV",
+          "x": 2600,
+          "y": 4274,
+          "name": "Textarea Group/Filled",
+          "descendants": {
+            "7Lfkv": {
+              "fill": "$--foreground"
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "JMcAm",
+          "x": 1842,
+          "y": 4067,
+          "name": "Pagination",
+          "reusable": true,
+          "width": 211,
+          "gap": 8,
+          "children": [
+            {
+              "id": "q9oWb",
+              "type": "ref",
+              "ref": "L73ds",
+              "x": 0,
+              "y": 0,
+              "descendants": {
+                "2Pl0N": {
+                  "enabled": false
+                },
+                "FT3cO": {
+                  "content": "Previous"
+                }
+              }
+            },
+            {
+              "type": "frame",
+              "id": "JNfCW",
+              "name": "Page Numbers Slot",
+              "slot": [
+                "sVFkJ",
+                "jPNxD",
+                "UaucP"
+              ],
+              "clip": true,
+              "width": "fill_container",
+              "height": "fill_container",
+              "gap": 8
+            },
+            {
+              "id": "Rnr6z",
+              "type": "ref",
+              "ref": "L73ds",
+              "x": 147,
+              "y": 0,
+              "descendants": {
+                "2Pl0N": {
+                  "enabled": false
+                },
+                "FT3cO": {
+                  "content": "Next"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "sVFkJ",
+          "x": 1842,
+          "y": 3987,
+          "name": "Pagination Item/Active",
+          "reusable": true,
+          "width": 40,
+          "height": 40,
+          "fill": "$--background",
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--border"
+          },
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "Q8IAk",
+              "name": "1",
+              "fill": "$--foreground",
+              "content": "1",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            }
+          ]
+        },
+        {
+          "id": "jPNxD",
+          "type": "ref",
+          "reusable": true,
+          "ref": "sVFkJ",
+          "x": 1902,
+          "y": 3987,
+          "fill": [],
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "name": "Pagination Item/Default"
+        },
+        {
+          "id": "UaucP",
+          "type": "ref",
+          "reusable": true,
+          "ref": "sVFkJ",
+          "x": 1962,
+          "y": 3987,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "fill": [],
+          "name": "Pagination Item/Ellipsis",
+          "children": [
+            {
+              "type": "icon_font",
+              "id": "Iaug4",
+              "width": 16,
+              "height": 16,
+              "iconFontName": "ellipsis",
+              "iconFontFamily": "lucide",
+              "fill": "$--foreground"
+            }
+          ]
+        },
+        {
+          "id": "VJfaA",
+          "type": "ref",
+          "reusable": true,
+          "ref": "ZqeIe",
+          "x": 1223,
+          "y": 3357,
+          "effect": [],
+          "width": 400,
+          "name": "Card Action",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "fill": "$--tile",
+          "cornerRadius": "$--radius-m",
+          "descendants": {
+            "SaWqo": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "YFOfL",
+                  "name": "title",
+                  "fill": "$--card-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Navigation AI v2.3",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-primary",
+                  "fontSize": 16,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            "KD4A5": {
+              "height": "fit_content",
+              "padding": [
+                0,
+                40
+              ],
+              "children": [
+                {
+                  "type": "text",
+                  "id": "oGPgx",
+                  "name": "title",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Enhanced obstacle detection and smoother route planning for rocky terrains.",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                }
+              ]
+            },
+            "508Xp": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "id": "XI1VI",
+                  "type": "ref",
+                  "ref": "xBc88",
+                  "x": 40,
+                  "y": 40,
+                  "descendants": {
+                    "FT3cO": {
+                      "content": "Install"
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "id": "hI8J0",
+          "type": "ref",
+          "reusable": true,
+          "ref": "ZqeIe",
+          "x": 1642,
+          "y": 3357,
+          "width": 400,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "fill": "$--tile",
+          "effect": [],
+          "cornerRadius": "$--radius-m",
+          "name": "Card Plain",
+          "padding": 0,
+          "descendants": {
+            "SaWqo": {
+              "children": [
+                {
+                  "type": "text",
+                  "id": "j8oHz",
+                  "name": "title",
+                  "fill": "$--card-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Active Rovers",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-primary",
+                  "fontSize": 16,
+                  "fontWeight": "500"
+                }
+              ]
+            },
+            "KD4A5": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "4K2KF",
+                  "name": "title",
+                  "fill": "$--card-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "1,280",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 32,
+                  "fontWeight": "normal"
+                },
+                {
+                  "id": "5X7u8",
+                  "type": "ref",
+                  "ref": "2bkgE",
+                  "x": 40,
+                  "y": 96,
+                  "descendants": {
+                    "1qRIv": {
+                      "content": "-12%"
+                    }
+                  }
+                }
+              ]
+            },
+            "508Xp": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "UsyHy",
+          "type": "ref",
+          "reusable": true,
+          "ref": "ZqeIe",
+          "x": 1223,
+          "y": 3707,
+          "width": 400,
+          "effect": [],
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "fill": "$--tile",
+          "name": "Card Image",
+          "cornerRadius": "$--radius-m",
+          "descendants": {
+            "SaWqo": {
+              "height": "fit_content",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "vr9W9",
+                  "name": "image-placeholder",
+                  "width": "fill_container",
+                  "height": 160,
+                  "fill": "$--background",
+                  "cornerRadius": "$--radius-xs",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": {
+                      "bottom": 1
+                    }
+                  },
+                  "layout": "none"
+                }
+              ]
+            },
+            "KD4A5": {
+              "height": "fit_content",
+              "padding": [
+                0,
+                40
+              ],
+              "children": [
+                {
+                  "type": "text",
+                  "id": "FSXkf",
+                  "name": "title",
+                  "fill": "$--card-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "Aurora Scout",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 24,
+                  "fontWeight": "normal"
+                },
+                {
+                  "type": "text",
+                  "id": "V4hpg",
+                  "name": "title",
+                  "fill": "$--muted-foreground",
+                  "textGrowth": "fixed-width",
+                  "width": "fill_container",
+                  "content": "SKU: LS-2029",
+                  "lineHeight": 1.5,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 16,
+                  "fontWeight": "normal"
+                }
+              ]
+            },
+            "508Xp": {
+              "height": "fit_content",
+              "justifyContent": "space_between",
+              "children": [
+                {
+                  "id": "qcnlt",
+                  "type": "ref",
+                  "ref": "mxrlX",
+                  "x": 40,
+                  "y": 40,
+                  "descendants": {
+                    "FT3cO": {
+                      "content": "Book now"
+                    }
+                  }
+                },
+                {
+                  "id": "9Novc",
+                  "type": "ref",
+                  "ref": "2bkgE",
+                  "x": 301,
+                  "y": 44,
+                  "descendants": {
+                    "1qRIv": {
+                      "content": "-12%"
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "Cpvvc",
+          "x": 1200,
+          "y": 2400,
+          "name": "Sidebar",
+          "reusable": true,
+          "width": 256,
+          "height": "fill_container(640)",
+          "fill": "$--sidebar",
+          "cornerRadius": "$--radius-m",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--sidebar-border"
+          },
+          "effect": {
+            "type": "shadow",
+            "shadowType": "outer",
+            "color": "#10182808",
+            "offset": {
+              "x": 0,
+              "y": 4
+            },
+            "blur": 5.25,
+            "spread": -2
+          },
+          "layout": "vertical",
+          "children": [
+            {
+              "type": "frame",
+              "id": "nm75J",
+              "name": "Sidebar Header",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "padding": 24,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "sm4F5",
+                  "name": "Logo",
+                  "width": "fill_container",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "gap": 8,
+                  "alignItems": "center",
+                  "children": [
+                    {
+                      "type": "frame",
+                      "id": "MOPTE",
+                      "name": "Mark",
+                      "width": 40,
+                      "height": 40,
+                      "stroke": {
+                        "align": "inside",
+                        "thickness": 1
+                      },
+                      "layout": "none",
+                      "children": [
+                        {
+                          "type": "path",
+                          "id": "uZfai",
+                          "x": 4,
+                          "y": 4,
+                          "name": "Union",
+                          "geometry": "M16 26c1.65686 0 3 1.34314 3 3 0 1.65686-1.34314 3-3 3-1.65686 0-3-1.34314-3-3 0-1.65686 1.34314-3 3-3z m-10-2c1.10457 0 2 0.89543 2 2 0 1.10457-0.89543 2-2 2-1.10457 0-2-0.89543-2-2 0-1.10457 0.89543-2 2-2z m20 0c1.10457 0 2 0.89543 2 2 0 1.10457-0.89543 2-2 2-1.10457 0-2-0.89543-2-2 0-1.10457 0.89543-2 2-2z m-10-12c2.20914 0 4 1.79086 4 4 0 2.20914-1.79086 4-4 4-2.20914 0-4-1.79086-4-4 0-2.20914 1.79086-4 4-4z m-13 1c1.65685 0 3 1.34314 3 3 0 1.65686-1.34315 3-3 3-1.65685 0-3-1.34314-3-3 0-1.65686 1.34315-3 3-3z m26 0c1.65686 0 3 1.34314 3 3 0 1.65686-1.34314 3-3 3-1.65686 0-3-1.34314-3-3 0-1.65686 1.34314-3 3-3z m-23-9c1.10457 0 2 0.89543 2 2 0 1.10457-0.89543 2-2 2-1.10457 0-2-0.89543-2-2 0-1.10457 0.89543-2 2-2z m20 0c1.10457 0 2 0.89543 2 2 0 1.10457-0.89543 2-2 2-1.10457 0-2-0.89543-2-2 0-1.10457 0.89543-2 2-2z m-10-4c1.65686 0 3 1.34315 3 3 0 1.65685-1.34314 3-3 3-1.65686 0-3-1.34315-3-3 0-1.65685 1.34314-3 3-3z",
+                          "fill": "$--sidebar-primary-foreground",
+                          "width": 32,
+                          "height": 32
+                        }
+                      ]
+                    },
+                    {
+                      "type": "text",
+                      "id": "Fpzpi",
+                      "name": "Flux",
+                      "fill": "$--sidebar-primary-foreground",
+                      "content": "HALO",
+                      "lineHeight": 1.5,
+                      "fontFamily": "Inter",
+                      "fontSize": 14,
+                      "fontWeight": "600"
+                    }
+                  ]
+                },
+                {
+                  "id": "Ubnpg",
+                  "type": "ref",
+                  "ref": "EuWLL",
+                  "x": 192,
+                  "y": 24,
+                  "descendants": {
+                    "zF167": {
+                      "fill": "$--sidebar-foreground",
+                      "iconFontFamily": "lucide",
+                      "iconFontName": "panel-left"
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "hYFpr",
+              "name": "Sidebar Content",
+              "slot": [
+                "zARg5",
+                "x40ze",
+                "rVnGm"
+              ],
+              "width": "fill_container",
+              "height": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "layout": "vertical",
+              "padding": [
+                0,
+                16
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "d16lm",
+              "name": "Sidebar Footer",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 8,
+              "padding": 24,
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "Ztrx6",
+                  "name": "Text",
+                  "width": "fill_container",
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "layout": "vertical",
+                  "gap": 4,
+                  "children": [
+                    {
+                      "type": "text",
+                      "id": "56YSe",
+                      "name": "Name",
+                      "fill": "$--sidebar-accent-foreground",
+                      "textGrowth": "fixed-width",
+                      "width": "fill_container",
+                      "content": "Joe Doe",
+                      "lineHeight": 1.5,
+                      "fontFamily": "Inter",
+                      "fontSize": 16,
+                      "fontWeight": "600"
+                    },
+                    {
+                      "type": "text",
+                      "id": "95h3W",
+                      "name": "Email",
+                      "fill": "$--sidebar-foreground",
+                      "textGrowth": "fixed-width",
+                      "width": "fill_container",
+                      "content": "joe@acmecorp.com",
+                      "lineHeight": 1.5,
+                      "fontFamily": "Inter",
+                      "fontSize": 16,
+                      "fontWeight": "normal"
+                    }
+                  ]
+                },
+                {
+                  "type": "icon_font",
+                  "id": "xqIDC",
+                  "width": 24,
+                  "height": 24,
+                  "iconFontName": "ellipsis-vertical",
+                  "iconFontFamily": "lucide",
+                  "fill": "$--sidebar-accent-foreground"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "rVnGm",
+          "x": 1507,
+          "y": 2413,
+          "name": "Sidebar Section Title",
+          "reusable": true,
+          "width": 224,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "padding": 8,
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "V5UNQ",
+              "name": "Section Header",
+              "fill": "$--sidebar-foreground",
+              "textGrowth": "fixed-width",
+              "width": "fill_container",
+              "content": "Title",
+              "lineHeight": 1.5,
+              "fontFamily": "Inter",
+              "fontSize": 14,
+              "fontWeight": "600"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "zARg5",
+          "x": 1507,
+          "y": 2490,
+          "name": "Sidebar Item/Active",
+          "reusable": true,
+          "width": 224,
+          "fill": "$--sidebar-accent",
+          "cornerRadius": 24,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "padding": [
+            12,
+            16,
+            12,
+            24
+          ],
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "W2XqE",
+              "name": "Item Title",
+              "fill": "$--sidebar-accent-foreground",
+              "textGrowth": "fixed-width",
+              "width": "fill_container",
+              "content": "Item",
+              "lineHeight": 1.5,
+              "fontFamily": "Inter",
+              "fontSize": 16,
+              "fontWeight": "500"
+            },
+            {
+              "type": "icon_font",
+              "id": "edTIG",
+              "width": 24,
+              "height": 24,
+              "iconFontName": "grip",
+              "iconFontFamily": "lucide",
+              "fill": "$--sidebar-accent-foreground"
+            }
+          ]
+        },
+        {
+          "id": "x40ze",
+          "type": "ref",
+          "reusable": true,
+          "ref": "zARg5",
+          "x": 1507,
+          "y": 2578,
+          "fill": [],
+          "name": "Sidebar Item/Default",
+          "descendants": {
+            "edTIG": {
+              "fill": "$--sidebar-foreground"
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "xUnz2",
+          "x": 1200,
+          "y": 604,
+          "name": "List Search Box/Filled",
+          "reusable": true,
+          "width": 240,
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "padding": [
+            6,
+            16
+          ],
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "m5KgW",
+              "name": "⇧⌘A",
+              "enabled": false,
+              "opacity": 0.5,
+              "fill": "$--foreground",
+              "content": "⌘N",
+              "lineHeight": 1.3333333333333333,
+              "textAlign": "right",
+              "fontFamily": "Inter",
+              "fontSize": 12,
+              "fontWeight": "normal"
+            },
+            {
+              "type": "icon_font",
+              "id": "nivNQ",
+              "width": 16,
+              "height": 16,
+              "iconFontName": "search",
+              "iconFontFamily": "lucide",
+              "fill": "$--foreground"
+            },
+            {
+              "type": "text",
+              "id": "4K0sM",
+              "name": "Label",
+              "fill": "$--foreground",
+              "textGrowth": "fixed-width",
+              "width": "fill_container",
+              "content": "Search Query",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            },
+            {
+              "type": "frame",
+              "id": "jmjHq",
+              "name": "secondary icon",
+              "enabled": false,
+              "opacity": 0.5,
+              "width": 16,
+              "height": 16,
+              "stroke": {
+                "align": "inside",
+                "thickness": 0.6666666865348816
+              },
+              "layout": "none",
+              "children": [
+                {
+                  "type": "path",
+                  "id": "WojXc",
+                  "x": 6,
+                  "y": 4,
+                  "name": "Vector",
+                  "geometry": "M0 12l6-6-6-6",
+                  "width": 4.000000476837158,
+                  "height": 8,
+                  "stroke": {
+                    "align": "center",
+                    "thickness": 1,
+                    "join": "round",
+                    "cap": "round",
+                    "fill": "$--foreground"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "icon_font",
+              "id": "WHpeY",
+              "width": 16,
+              "height": 16,
+              "iconFontName": "x",
+              "iconFontFamily": "lucide",
+              "fill": "$--foreground"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "XFwtm",
+          "x": 1200,
+          "y": 444,
+          "name": "List Item/Checked",
+          "reusable": true,
+          "width": 240,
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "padding": [
+            10,
+            16
+          ],
+          "justifyContent": "space_between",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "itQKr",
+              "name": "Item Content Left",
+              "fill": "#ffffff",
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "lECDJ",
+                  "name": "Leading Icon",
+                  "clip": true,
+                  "width": 16,
+                  "height": 16,
+                  "fill": "#FFFFFF",
+                  "layout": "none",
+                  "children": [
+                    {
+                      "type": "icon_font",
+                      "id": "xjnD8",
+                      "x": 0,
+                      "y": 0,
+                      "width": 16,
+                      "height": 16,
+                      "iconFontName": "check",
+                      "iconFontFamily": "lucide",
+                      "fill": "$--foreground"
+                    }
+                  ]
+                },
+                {
+                  "type": "text",
+                  "id": "Ar3LN",
+                  "name": "Label",
+                  "fill": "$--foreground",
+                  "content": "List Item",
+                  "lineHeight": 1.4285714285714286,
+                  "fontFamily": "$--font-secondary",
+                  "fontSize": 14,
+                  "fontWeight": "normal"
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "f5XNA",
+              "name": "Item Content Right",
+              "fill": "#ffffff",
+              "gap": 8,
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "text",
+                  "id": "qLwQe",
+                  "name": "⇧⌘A",
+                  "opacity": 0.6000000238418579,
+                  "fill": "$--foreground",
+                  "content": "⇧⌘A",
+                  "lineHeight": 1.3333333333333333,
+                  "textAlign": "right",
+                  "fontFamily": "Inter",
+                  "fontSize": 12,
+                  "fontWeight": "normal"
+                },
+                {
+                  "type": "frame",
+                  "id": "l2JrY",
+                  "name": "Trailing Icon",
+                  "clip": true,
+                  "width": 16,
+                  "height": 16,
+                  "fill": "#FFFFFF",
+                  "layout": "none",
+                  "children": [
+                    {
+                      "type": "icon_font",
+                      "id": "Ur2vA",
+                      "x": 0,
+                      "y": 0,
+                      "width": 16,
+                      "height": 16,
+                      "iconFontName": "chevron-right",
+                      "iconFontFamily": "lucide",
+                      "fill": "$--foreground"
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "aW3gF",
+          "x": 1200,
+          "y": 320,
+          "name": "List Divider",
+          "reusable": true,
+          "width": 240,
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "padding": [
+            4,
+            0
+          ],
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "line",
+              "id": "qnTOH",
+              "name": "Line",
+              "width": "fill_container",
+              "height": 0,
+              "stroke": {
+                "align": "center",
+                "thickness": 1,
+                "fill": "$--border"
+              }
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "ZMsKW",
+          "x": 1200,
+          "y": 368,
+          "name": "List Title",
+          "reusable": true,
+          "width": 240,
+          "cornerRadius": "$--radius-pill",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 8,
+          "padding": [
+            10,
+            8
+          ],
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "v1BHO",
+              "name": "Label",
+              "fill": "$--muted-foreground",
+              "textGrowth": "fixed-width",
+              "width": "fill_container",
+              "content": "List Title",
+              "lineHeight": 1.3333333333333333,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 12,
+              "fontWeight": "500"
+            }
+          ]
+        },
+        {
+          "id": "BNppb",
+          "type": "ref",
+          "reusable": true,
+          "ref": "XFwtm",
+          "x": 1200,
+          "y": 524,
+          "name": "List Item/Unchecked",
+          "descendants": {
+            "xjnD8": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "id": "WZBhI",
+          "type": "ref",
+          "reusable": true,
+          "ref": "xUnz2",
+          "x": 1200,
+          "y": 676,
+          "name": "List Search Box/Default",
+          "descendants": {
+            "4K0sM": {
+              "content": "Search…",
+              "fill": "$--muted-foreground"
+            },
+            "WHpeY": {
+              "enabled": false
+            }
+          }
+        },
+        {
+          "type": "frame",
+          "id": "XLxn1",
+          "x": 1200,
+          "y": 808,
+          "name": "Data Table Header",
+          "reusable": true,
+          "width": "fill_container(1024)",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 16,
+          "justifyContent": "space_between",
+          "alignItems": "center",
+          "children": [
+            {
+              "id": "vlkaB",
+              "type": "ref",
+              "ref": "uEeaR",
+              "x": 0,
+              "y": 0,
+              "name": "Input/Default",
+              "descendants": {
+                "FAr9l": {
+                  "enabled": false
+                },
+                "SdDrF": {
+                  "content": "Search…"
+                }
+              }
+            },
+            {
+              "id": "JOgSp",
+              "type": "ref",
+              "ref": "PoWVd",
+              "x": 902,
+              "y": 0,
+              "name": "Button/Large/Outline",
+              "fill": [],
+              "stroke": {
+                "align": "inside",
+                "thickness": 1,
+                "fill": "$--input"
+              },
+              "descendants": {
+                "cfxzz": {
+                  "fill": "$--foreground"
+                },
+                "fIEfR": {
+                  "fill": "$--foreground"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "Q2ngr",
+          "x": 1200,
+          "y": 1260,
+          "name": "Data Table Footer",
+          "reusable": true,
+          "width": "fill_container(1024)",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1
+          },
+          "gap": 16,
+          "justifyContent": "space_between",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "xCnHe",
+              "name": "0 of 5 row(s) selected.",
+              "fill": "$--muted-foreground",
+              "content": "Showing 10 records",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-secondary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            },
+            {
+              "id": "3H2u5",
+              "type": "ref",
+              "ref": "JMcAm",
+              "x": 813,
+              "y": 0
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "cla8W",
+          "x": 1200,
+          "y": 984,
+          "name": "Table Row",
+          "reusable": true,
+          "slot": [
+            "TYeAg",
+            "3CkNJ"
+          ],
+          "width": "fill_container(1024)",
+          "height": "fit_content(44)",
+          "stroke": {
+            "align": "inside",
+            "thickness": {
+              "bottom": 1
+            },
+            "fill": "$--border"
+          },
+          "alignItems": "center"
+        },
+        {
+          "type": "frame",
+          "id": "3CkNJ",
+          "x": 1200,
+          "y": 1168,
+          "name": "Table Column Header",
+          "reusable": true,
+          "width": 1024,
+          "stroke": {
+            "align": "inside",
+            "thickness": {
+              "bottom": 1
+            }
+          },
+          "gap": 8,
+          "padding": 12,
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "text",
+              "id": "fur2C",
+              "name": "Label",
+              "fill": "$--muted-foreground",
+              "textGrowth": "fixed-width",
+              "width": "fill_container",
+              "content": "Name",
+              "lineHeight": 1.4285714285714286,
+              "fontFamily": "$--font-primary",
+              "fontSize": 14,
+              "fontWeight": "normal"
+            }
+          ]
+        },
+        {
+          "type": "frame",
+          "id": "TYeAg",
+          "x": 1200,
+          "y": 1076,
+          "name": "Table Cell",
+          "reusable": true,
+          "slot": [],
+          "width": "fill_container(293)",
+          "height": "fit_content(44)",
+          "stroke": {
+            "align": "inside",
+            "thickness": {
+              "right": 1
+            }
+          },
+          "gap": 8,
+          "padding": 12,
+          "alignItems": "center"
+        },
+        {
+          "type": "frame",
+          "id": "V6Pot",
+          "x": 1200,
+          "y": 1340,
+          "name": "Table",
+          "reusable": true,
+          "slot": [
+            "cla8W"
+          ],
+          "width": 1024,
+          "height": 300,
+          "fill": "$--background",
+          "cornerRadius": "$--radius-m",
+          "stroke": {
+            "align": "inside",
+            "thickness": 1,
+            "fill": "$--border"
+          },
+          "layout": "vertical",
+          "alignItems": "center"
+        },
+        {
+          "type": "frame",
+          "id": "haloDataTable",
+          "x": 1200,
+          "y": 1723,
+          "name": "Data Table",
+          "reusable": true,
+          "clip": true,
+          "width": "fill_container(1024)",
+          "layout": "vertical",
+          "gap": 16,
+          "justifyContent": "center",
+          "alignItems": "center",
+          "children": [
+            {
+              "type": "frame",
+              "id": "dtHeader1",
+              "name": "Data Table Header",
+              "width": "fill_container",
+              "stroke": {
+                "align": "inside",
+                "thickness": 1
+              },
+              "gap": 16,
+              "justifyContent": "space_between",
+              "alignItems": "center",
+              "children": [
+                {
+                  "type": "frame",
+                  "id": "dtInput1",
+                  "name": "Input/Default",
+                  "width": 274,
+                  "stroke": {
+                    "align": "inside",
+                    "thickness": 1
+                  },
+                  "layout": "vertical",
+                  "gap": 6,
+                  "children": [
+                    {
+                      "type": "frame",
+                      "id": "dtLabel1",
+                      "name": "Label Text",
+                      "enabled": false,
+                      "width": "fill_container",
+                      "fill": {
+                        "type": "color",
+                        "color": "$--white",
+                        "enabled": false
+                      },
+                      "stroke": {
+                        "align": "inside",
+                        "thickness": 1
+                      },
+                      "gap": 8,
+                      "alignItems": "center",
+                      "children": [
+                        {
+                          "type": "text",
+                          "id": "dtLabelTxt1",
+                          "name": "Label Text",
+                          "fill": "$--foreground",
+                          "textGrowth": "fixed-width",
+                          "width": "fill_container",
+                          "content": "Label Text",
+                          "lineHeight": 1.4285714285714286,
+                          "textAlignVertical": "middle",
+                          "fontFamily": "$--font-secondary",
+                          "fontSize": 14,
+                          "fontWeight": "500"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "frame",
+                      "id": "dtInputField1",
+                      "name": "Input",
+                      "width": "fill_container",
+                      "height": 40,
+                      "fill": "$--background",
+                      "cornerRadius": "$--radius-pill",
+                      "stroke": {
+                        "align": "inside",
+                        "thickness": 1,
+                        "fill": "$--input"
+                      },
+                      "gap": 8,
+                      "padding": [
+                        8,
+                        16
+                      ],
+                      "alignItems": "center",
+                      "children": [
+                        {
+                          "type": "text",
+                          "id": "dtInputVal1",
+                          "name": "Input Value",
+                          "fill": "$--muted-foreground",
+                          "content": "Search…",
+                          "lineHeight": 1.4285714285714286,
+                          "textAlignVertical": "middle",
+                          "fontFamily": "$--font-secondary",
+                          "fontSize": 14,
+                          "fontWeight": "normal"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "id": "dtBtn1",
+                  "type": "ref",
+                  "ref": "PoWVd",
+                  "x": 902,
+                  "y": 0
+                }
+              ]
+            },
+            {
+              "type": "frame",
+              "id": "dtContent1",
+              "name": "Data Table Content",
+              "slot": [],
+              "clip": true,
+              "width": "fill_container",
+              "height": "fit_content(260)",
+              "layout": "vertical",
+              "justifyContent": "center",
+              "alignItems": "center"
+            },
+            {
+              "id": "dtFooterRef1",
+              "type": "ref",
+              "ref": "Q2ngr",
+              "x": 0,
+              "y": 348
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "themes": {
+    "Mode": [
+      "Light",
+      "Dark"
+    ]
+  },
+  "variables": {
+    "--sidebar": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#1A182E",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#939399",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#ACABB2",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-primary": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#F5F5F5",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#0F5FFE",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-primary-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#E8E8EA",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-border": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#D9D9DB",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2B283D",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-accent": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#F5F5F5",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2B283D",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-accent-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#E8E8EA",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--sidebar-ring": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#D9D9DB",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2B283D",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--background": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#131124",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#E8E8EA",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--card": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#1A182E",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--card-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--popover": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#1A182E",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--popover-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--primary": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#5749F4",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#5749F4",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--primary-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--secondary": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#D9D9DB",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#403F51",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--secondary-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--muted": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#F5F5F5",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2E2E2E",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--muted-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#616167",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#888799",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--accent": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#F5f5f5",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#131124",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--accent-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#2A2933",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#F2F3F0",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--destructive": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#CC3314",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#CC3314",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--border": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#C5C5CB",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2B283D",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--input": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#C5C5CB",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#2B283D",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--ring": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#E1E2E5"
+        },
+        {
+          "value": "#666666",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--white": {
+      "type": "color",
+      "value": "#FFFFFF"
+    },
+    "--black": {
+      "type": "color",
+      "value": "#000000"
+    },
+    "--font-primary": {
+      "type": "string",
+      "value": [
+        {
+          "value": "Inter",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "Inter",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--font-secondary": {
+      "type": "string",
+      "value": [
+        {
+          "value": "Inter",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "Inter",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--radius-pill": {
+      "type": "number",
+      "value": 999
+    },
+    "--color-success": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#A1E5A1",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#3B4748",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-success-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#003300",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#A1E5A1",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-warning": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFD9B2",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#53484F",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-warning-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#4D2700",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFD9B2",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-error": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFBFB2",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#53424F",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-error-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#590F00",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#FFBFB2",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-info": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#C9D6F0",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#404562",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--color-info-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#001133"
+        },
+        {
+          "value": "#B2CCFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--destructive-foreground": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#FFFFFF"
+        },
+        {
+          "value": "#FFFFFF",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--radius-m": {
+      "type": "number",
+      "value": [
+        {
+          "value": 24,
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": 24,
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--radius-l": {
+      "type": "number",
+      "value": [
+        {
+          "value": 40,
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": 40,
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--radius-xs": {
+      "type": "number",
+      "value": [
+        {
+          "value": 6,
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": 6,
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--radius-none": {
+      "type": "number",
+      "value": [
+        {
+          "value": 0,
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": 0,
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    },
+    "--tile": {
+      "type": "color",
+      "value": [
+        {
+          "value": "#F5F5F5",
+          "theme": {
+            "Mode": "Light"
+          }
+        },
+        {
+          "value": "#1A182E",
+          "theme": {
+            "Mode": "Dark"
+          }
+        }
+      ]
+    }
+  }
+}