diff --git a/TradingAgent/pencil-welcome.pen b/TradingAgent/pencil-welcome.pen new file mode 100644 index 00000000..78b4c8be --- /dev/null +++ b/TradingAgent/pencil-welcome.pen @@ -0,0 +1,7129 @@ +{ + "version": "2.6", + "children": [ + { + "type": "frame", + "id": "frame-1761929672442", + "x": 1808, + "y": -35, + "name": "lunaris: design system components", + "theme": { + "Mode": "Dark" + }, + "clip": true, + "width": 4865, + "height": 2781, + "fill": "$--background", + "layout": "none", + "children": [ + { + "type": "frame", + "id": "xCEfn", + "x": 4187, + "y": 1848, + "name": "Tooltip", + "reusable": true, + "clip": true, + "fill": "$--popover", + "cornerRadius": "$--radius-pill", + "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": "wFonn", + "name": "Tooltip Text", + "fill": "$--foreground", + "content": "New Project", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "zdFKu", + "x": 2200, + "y": 1741, + "name": "Switch/Checked", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Y4Mu7", + "name": "switch-base", + "width": 32, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "24hPt", + "x": 0, + "y": 2, + "name": "switch", + "clip": true, + "width": 32, + "height": 20, + "fill": "$--input", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "padding": [ + 0, + 4 + ], + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "kl2Cf", + "name": "dot", + "clip": true, + "width": 12, + "height": 12, + "fill": "$--foreground", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none" + } + ] + } + ] + }, + { + "type": "text", + "id": "wDpHC", + "name": "Switch Label", + "fill": "$--foreground", + "content": "Power-saving mode", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "W4YFH", + "x": 2863, + "y": 1984, + "name": "Progress", + "reusable": true, + "clip": true, + "width": "fill_container(360)", + "height": 16, + "fill": "$--secondary", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "rectangle", + "id": "qQ5Qx", + "x": 0, + "y": 0, + "name": "Progress", + "fill": "$--primary", + "width": 180, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + }, + { + "type": "frame", + "id": "9PVw5", + "x": 3789, + "y": 335.99999999999955, + "name": "Pagination", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "R6Qz5", + "type": "ref", + "ref": "Svd9t", + "x": 0, + "y": 0, + "descendants": { + "Xphxk": { + "enabled": false + }, + "yqG8L": { + "content": "Previous" + } + } + }, + { + "type": "frame", + "id": "IXD5J", + "name": "Page Numbers Slot", + "slot": [ + "oT0d2", + "Doslm", + "Irk3I" + ], + "clip": true, + "width": 40, + "height": 40 + }, + { + "id": "OboOa", + "type": "ref", + "ref": "Svd9t", + "x": 156, + "y": 0, + "descendants": { + "Xphxk": { + "content": "Next", + "x": 16.034837436226603, + "y": 9.982596452485243, + "rotation": -0.09980195371053763, + "enabled": false + }, + "yqG8L": { + "content": "Next" + } + } + } + ] + }, + { + "type": "frame", + "id": "QFzE8", + "x": 4187, + "y": 1404, + "name": "Textarea Group", + "reusable": true, + "width": 274, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "nQmmR", + "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": "NrMkU", + "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": "7Mypd", + "name": "Textarea", + "width": "fill_container", + "height": 80, + "fill": "$--background", + "cornerRadius": "$--radius-m", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "gap": 8, + "padding": [ + 8, + 16 + ], + "children": [ + { + "type": "text", + "id": "b2pCk", + "name": "Input Value", + "fill": "$--foreground", + "content": "Input Value", + "lineHeight": 1.4285714285714286, + "textAlignVertical": "middle", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "M5Mgn", + "x": 4187, + "y": 1092, + "name": "Input OTP Group/Default", + "reusable": true, + "width": 274, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "m5Ayz", + "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": "Sh337", + "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": "dUBzn", + "name": "Input OTP Container", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": -1, + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "mdnDd", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "cornerRadius": [ + "$--radius-pill", + 0, + 0, + "$--radius-pill" + ], + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "VEcfr", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "V8Xsa", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "gBwGG", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "D6KFZ", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "cornerRadius": [ + 0, + 6, + 6, + 0 + ], + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "iVTkv", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7ZdzW", + "name": "Input OTP", + "clip": true, + "width": 40, + "height": 40, + "stroke": { + "align": "inside", + "thickness": { + "top": 1, + "bottom": 1, + "left": 1 + } + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "qG43N", + "name": "•", + "fill": "$--foreground", + "content": "•", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "MbQc6", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "cornerRadius": [ + 6, + 0, + 0, + 6 + ], + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "xTFuV", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "J9LpP", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "Q6Z6T", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "9Hzwu", + "name": "Input OTP", + "clip": true, + "width": "fill_container", + "height": 40, + "fill": "$--background", + "cornerRadius": [ + 0, + "$--radius-pill", + "$--radius-pill", + 0 + ], + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "w1SZv", + "name": "0", + "enabled": false, + "fill": "$--foreground", + "content": "0", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "XhJWF", + "x": 4187, + "y": 820, + "name": "Select Group/Default", + "reusable": true, + "width": 274, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "ygX49", + "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": "uEVNH", + "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": "UoY51", + "name": "Select Trigger", + "width": "fill_container", + "height": 40, + "fill": "$--background", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--input" + }, + "gap": 10, + "padding": [ + 8, + 16 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "q2CuU", + "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": "frame", + "id": "04EW5", + "name": "chevron-down", + "opacity": 0.5, + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "cui2i", + "x": 4, + "y": 6, + "name": "Vector", + "geometry": "M0 0l6 6 6-6", + "width": 8, + "height": 4, + "stroke": { + "align": "center", + "thickness": 1, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "gKpi4", + "x": 4187, + "y": 388, + "name": "Input Group/Default", + "reusable": true, + "width": 274, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "KbqaX", + "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": "6olUK", + "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": "soBSx", + "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": "FU4Re", + "name": "Input Value", + "fill": "$--muted-foreground", + "content": "Placeholder", + "lineHeight": 1.4285714285714286, + "textAlignVertical": "middle", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "XYdcn", + "x": 200, + "y": 1834, + "name": "Icon Label/Secondary", + "reusable": true, + "fill": "$--secondary", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "padding": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ULBkt", + "name": "icon-Star-2", + "clip": true, + "width": 16, + "height": 16, + "fill": { + "type": "color", + "color": "#ffffffff", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "dVsjZ", + "x": 1.8756510019302368, + "y": 1.89599609375, + "name": "Vector 2134", + "geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z", + "width": 12.25, + "height": 12.250665664672852, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--secondary-foreground" + } + } + ] + }, + { + "type": "text", + "id": "izLyj", + "name": "Text", + "fill": "$--secondary-foreground", + "content": "Pioneer", + "lineHeight": 1.1428571428571428, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Ffti9", + "x": 200, + "y": 1588, + "name": "Icon Label/Success", + "reusable": true, + "fill": "$--color-success", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "padding": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "BFcCW", + "name": "icon-Star-2", + "clip": true, + "width": 16, + "height": 16, + "fill": { + "type": "color", + "color": "#ffffffff", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "sDzhI", + "x": 1.8756510019302368, + "y": 1.89599609375, + "name": "Vector 2134", + "geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z", + "width": 12.25, + "height": 12.250665664672852, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-success-foreground" + } + } + ] + }, + { + "type": "text", + "id": "AWwyf", + "name": "Text", + "fill": "$--color-success-foreground", + "content": "Explorer", + "lineHeight": 1.1428571428571428, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "A58oI", + "x": 200, + "y": 1752, + "name": "Icon Label/Violet", + "reusable": true, + "fill": "$--color-info", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "padding": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ULCkh", + "name": "icon-Star-2", + "clip": true, + "width": 16, + "height": 16, + "fill": { + "type": "color", + "color": "#ffffffff", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "tw01V", + "x": 1.8756510019302368, + "y": 1.89599609375, + "name": "Vector 2134", + "geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z", + "width": 12.25, + "height": 12.250665664672852, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-info-foreground" + } + } + ] + }, + { + "type": "text", + "id": "49I5i", + "name": "Text", + "fill": "$--color-info-foreground", + "content": "Hauler", + "lineHeight": 1.1428571428571428, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "7Fif0", + "x": 200, + "y": 1670, + "name": "Icon Label/Orange", + "reusable": true, + "fill": "$--color-warning", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 4, + "padding": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rMf5x", + "name": "icon-Star-2", + "clip": true, + "width": 16, + "height": 16, + "fill": { + "type": "color", + "color": "#ffffffff", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "XY32P", + "x": 1.8756510019302368, + "y": 1.89599609375, + "name": "Vector 2134", + "geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z", + "width": 12.25, + "height": 12.250665664672852, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-warning-foreground" + } + } + ] + }, + { + "type": "text", + "id": "glumS", + "name": "Text", + "fill": "$--color-warning-foreground", + "content": "Transporter", + "lineHeight": 1.1428571428571428, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "90SQo", + "x": 200, + "y": 1448, + "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": "xr4rB", + "name": "Avatar Title", + "fill": "$--secondary-foreground", + "content": "PJ", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Svd9t", + "x": 369, + "y": 2390, + "name": "Button/Ghost", + "reusable": true, + "height": 40, + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Xphxk", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "7qiPW", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "yqG8L", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "zIDRN", + "x": 200, + "y": 2390, + "name": "Button/Large/Ghost", + "reusable": true, + "height": 48, + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 6, + "padding": [ + 12, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "6NkRd", + "name": "plus", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "NyPOJ", + "x": 6, + "y": 6, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 12, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "0SrnB", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "4x7RU", + "x": 369, + "y": 2314, + "name": "Button/Outline", + "reusable": true, + "height": 40, + "fill": "$--background", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 1.75 + }, + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "r97g1", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "SemM4", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "7ZVG7", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "EAwax", + "x": 200, + "y": 2314, + "name": "Button/Large/Outline", + "reusable": true, + "height": 48, + "fill": "$--background", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 1.75 + }, + "gap": 6, + "padding": [ + 12, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nHmDC", + "name": "plus", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "HGoMb", + "x": 6, + "y": 6, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 12, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "kqX7U", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "ZETEA", + "x": 369, + "y": 2086, + "name": "Button/Default", + "reusable": true, + "height": 40, + "fill": "$--primary", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mRGd3", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "C6nAO", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--primary-foreground" + } + } + ] + }, + { + "type": "text", + "id": "q5Hn5", + "name": "Button", + "fill": "$--primary-foreground", + "content": "Button", + "lineHeight": 1.4286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "U83R7", + "x": 369, + "y": 2162, + "name": "Button/Secondary", + "reusable": true, + "height": 40, + "fill": "$--secondary", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mM3qB", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "h9Uuq", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--secondary-foreground" + } + } + ] + }, + { + "type": "text", + "id": "M4KCH", + "name": "Button", + "fill": "$--secondary-foreground", + "content": "Button", + "lineHeight": 1.4286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "ftEoU", + "x": 369, + "y": 2238, + "name": "Button/Destructive", + "reusable": true, + "height": 40, + "fill": "$--destructive", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "6KqSk", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "1scOD", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "UQdcX", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "HXajN", + "x": 200, + "y": 2238, + "name": "Button/Large/Destructive", + "reusable": true, + "height": 48, + "fill": "$--destructive", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 12, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "L19dR", + "name": "plus", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "4EYbS", + "x": 6, + "y": 6, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 12, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "plTTh", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.5555555555555556, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "89sf2", + "x": 200, + "y": 2162, + "name": "Button/Large/Secondary", + "reusable": true, + "height": 48, + "fill": "$--secondary", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 12, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "kRU0p", + "name": "plus", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "zOwKg", + "x": 6, + "y": 6, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 12, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--secondary-foreground" + } + } + ] + }, + { + "type": "text", + "id": "17mNX", + "name": "Button", + "fill": "$--secondary-foreground", + "content": "Button", + "lineHeight": 1.5555555555555556, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "ZGI9Z", + "x": 200, + "y": 2086, + "name": "Button/Large/Default", + "reusable": true, + "height": 48, + "fill": "$--primary", + "cornerRadius": "$--radius-pill", + "gap": 6, + "padding": [ + 12, + 24 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "oNDwn", + "name": "plus", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "Muzka", + "x": 6, + "y": 6, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 12, + "height": 12, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--primary-foreground" + } + } + ] + }, + { + "type": "text", + "id": "J3Z6N", + "name": "Button", + "fill": "$--primary-foreground", + "content": "Button", + "lineHeight": 1.5555555555555556, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "id": "YZjRF", + "type": "ref", + "reusable": true, + "ref": "ITZkn", + "x": 200, + "y": 952, + "name": "Alert/Error", + "fill": "$--color-error", + "width": "fill_container(640)", + "descendants": { + "fS3NL": { + "type": "frame", + "id": "LB3Fl", + "name": "icon-Wave-Signal", + "clip": true, + "width": 24, + "height": 24, + "fill": { + "type": "color", + "color": "$--white", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "FTYwP", + "x": 1, + "y": 7, + "name": "Vector 2221", + "geometry": "M0 5l5.5 0 3-5 5 10 3-5 5.5 0", + "width": 22, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-error-foreground" + } + } + ] + }, + "TPf8O": { + "fill": "$--color-error-foreground", + "content": "Communication link lost" + }, + "X4L5E": { + "fill": "$--color-error-foreground", + "content": "Rover telemetry signal interrupted. Check your base antenna alignment or retry connection in 10 minutes." + } + } + }, + { + "id": "nIj3a", + "type": "ref", + "reusable": true, + "ref": "ITZkn", + "x": 200, + "y": 656, + "name": "Alert/Success", + "fill": "$--color-success", + "width": "fill_container(640)", + "descendants": { + "fS3NL": { + "type": "frame", + "id": "N77wx", + "name": "icon-Check", + "clip": true, + "width": 24, + "height": 24, + "fill": { + "type": "color", + "color": "$--white", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "03KN4", + "x": 1.5, + "y": 5.5, + "name": "Vector 2356", + "geometry": "M0 7l7 7 14-14", + "width": 21, + "height": 14, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-success-foreground" + } + } + ] + }, + "TPf8O": { + "fill": "$--color-success-foreground", + "content": "Mission approved" + }, + "X4L5E": { + "fill": "$--color-success-foreground", + "content": "Your request to rent the Curiosity-X rover has been confirmed. Deployment scheduled for Sol 482." + } + } + }, + { + "id": "vbyqV", + "type": "ref", + "reusable": true, + "ref": "ITZkn", + "x": 200, + "y": 804, + "name": "Alert/Warning", + "fill": "$--color-warning", + "width": "fill_container(640)", + "descendants": { + "fS3NL": { + "type": "frame", + "id": "0N3gW", + "name": "icon-Megaphone-2", + "clip": true, + "width": 24, + "height": 24, + "fill": { + "type": "color", + "color": "$--white", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "BUQBt", + "x": 9, + "y": 3, + "name": "Rectangle 574", + "geometry": "M0 4.5l13-4.5 0 17-13-4.5 0-8z", + "width": 13, + "height": 17, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-warning-foreground" + } + }, + { + "type": "path", + "id": "VT2S0", + "x": 2, + "y": 7.5, + "name": "Vector 1329", + "geometry": "M0 0l7 0 0 8-7 0 0-8z", + "width": 7, + "height": 8, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-warning-foreground" + } + }, + { + "type": "path", + "id": "yqA3L", + "x": 5, + "y": 15.5, + "name": "Vector 1455", + "geometry": "M4 0l0 6-1 0c-0.79565 0-1.55871-0.31607-2.12132-0.87868-0.56261-0.56261-0.87868-1.32567-0.87868-2.12132l0-3", + "width": 4, + "height": 6, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-warning-foreground" + } + } + ] + }, + "TPf8O": { + "fill": "$--color-warning-foreground", + "content": "Terrain instability detected" + }, + "X4L5E": { + "fill": "$--color-warning-foreground", + "content": "The selected route crosses an area with loose regolith. Proceed with caution or reroute to a safer path." + } + } + }, + { + "type": "frame", + "id": "ITZkn", + "x": 200, + "y": 508, + "name": "Alert/Info", + "reusable": true, + "width": "fill_container(640)", + "fill": "$--color-info", + "cornerRadius": "$--radius-none", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "fS3NL", + "name": "icon-Information-Circle", + "clip": true, + "width": 24, + "height": 24, + "fill": { + "type": "color", + "color": "#ffffffff", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "RCbzr", + "x": 2, + "y": 2, + "name": "Ellipse 579", + "geometry": "M0 10c0 2.65216 1.05357 5.1957 2.92893 7.07107 1.87536 1.87536 4.4189 2.92893 7.07107 2.92893 2.65216 0 5.1957-1.05357 7.07107-2.92893 1.87536-1.87536 2.92893-4.4189 2.92893-7.07107 0-2.65216-1.05357-5.1957-2.92893-7.07107-1.87536-1.87536-4.4189-2.92893-7.07107-2.92893-2.65216 0-5.1957 1.05357-7.07107 2.92893-1.87536 1.87536-2.92893 4.4189-2.92893 7.07107z", + "width": 20, + "height": 20, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-info-foreground" + } + }, + { + "type": "path", + "id": "u1tro", + "x": 9, + "y": 10.5, + "name": "Vector 2348", + "geometry": "M0 0l3 0 0 6", + "width": 3, + "height": 6, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-info-foreground" + } + }, + { + "type": "path", + "id": "HkYQ0", + "x": 9, + "y": 16.5, + "name": "Vector 2349", + "geometry": "M0 0l6 0", + "width": 6, + "height": 0, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-info-foreground" + } + }, + { + "type": "path", + "id": "GkGy3", + "x": 12, + "y": 6.5, + "name": "Vector 2350", + "geometry": "M0 1.5l0-1.5", + "width": 0, + "height": 1.5, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--color-info-foreground" + } + } + ] + }, + { + "type": "frame", + "id": "7IdrZ", + "name": "contents", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "TPf8O", + "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": "X4L5E", + "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" + } + ] + } + ] + }, + { + "id": "DFcCn", + "type": "ref", + "reusable": true, + "ref": "3bQzF", + "x": 200, + "y": 352, + "name": "Accordion/Closed", + "width": "fill_container(480)", + "descendants": { + "WLBKp": { + "type": "frame", + "id": "fmkXp", + "name": "chevron-down", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "0k6lE", + "x": 4, + "y": 6, + "name": "Vector", + "geometry": "M0 0l6 6 6-6", + "width": 8, + "height": 4, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + "frame-1764940517647": { + "enabled": false + } + } + }, + { + "type": "frame", + "id": "3bQzF", + "x": 200, + "y": 200, + "name": "Accordion/Open", + "reusable": true, + "width": "fill_container(480)", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "MHwKC", + "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": "ckp1f", + "name": "Accordion Trigger", + "fill": "$--foreground", + "content": "What is a micro-interaction?", + "lineHeight": 1.5, + "fontFamily": "$--font-primary", + "fontSize": 16, + "fontWeight": "500" + }, + { + "type": "frame", + "id": "WLBKp", + "name": "chevron-up", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "dvSwT", + "x": 3.999999761581421, + "y": 6, + "name": "Vector", + "rotation": 9.213866198408551e-15, + "geometry": "M12 6l-6-6-6 6", + "width": 8, + "height": 4, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "frame-1764940517647", + "name": "Accordion Content", + "clip": true, + "width": "fill_container", + "layout": "vertical", + "padding": [ + 0, + 0, + 16, + 0 + ], + "children": [ + { + "type": "text", + "id": "Gqs2u", + "name": "Accordion Contnet", + "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" + } + ] + } + ] + }, + { + "id": "o27Xt", + "type": "ref", + "reusable": true, + "ref": "ZGI9Z", + "x": 518, + "y": 2086, + "name": "Icon Button/Large/Default", + "padding": 12, + "descendants": { + "J3Z6N": { + "enabled": false + } + } + }, + { + "id": "pEY1B", + "type": "ref", + "reusable": true, + "ref": "ZETEA", + "x": 606, + "y": 2086, + "name": "Icon Button/Default", + "padding": 10, + "descendants": { + "q5Hn5": { + "enabled": false + } + } + }, + { + "id": "4AN1p", + "type": "ref", + "reusable": true, + "ref": "90SQo", + "x": 280, + "y": 1448, + "name": "Avatar/Image", + "descendants": { + "xr4rB": { + "enabled": false + } + } + }, + { + "id": "vv6Lu", + "type": "ref", + "reusable": true, + "ref": "89sf2", + "x": 518, + "y": 2162, + "name": "Icon Button/Large/Secondary", + "padding": 12, + "descendants": { + "17mNX": { + "enabled": false + } + } + }, + { + "id": "HWbHA", + "type": "ref", + "reusable": true, + "ref": "U83R7", + "x": 606, + "y": 2162, + "name": "Icon Button/Secondary", + "padding": 10, + "descendants": { + "M4KCH": { + "enabled": false + } + } + }, + { + "id": "o49Ro", + "type": "ref", + "reusable": true, + "ref": "HXajN", + "x": 518, + "y": 2238, + "name": "Icon Button/Large/Destructive", + "padding": 12, + "descendants": { + "plTTh": { + "enabled": false + } + } + }, + { + "id": "ai6BP", + "type": "ref", + "reusable": true, + "ref": "ftEoU", + "x": 606, + "y": 2238, + "name": "Icon Button/Destructive", + "padding": 10, + "descendants": { + "UQdcX": { + "enabled": false + } + } + }, + { + "id": "tzDL1", + "type": "ref", + "reusable": true, + "ref": "EAwax", + "x": 518, + "y": 2314, + "name": "Icon Button/Large/Outline", + "padding": 12, + "descendants": { + "kqX7U": { + "enabled": false + } + } + }, + { + "id": "xQWwZ", + "type": "ref", + "reusable": true, + "ref": "4x7RU", + "x": 606, + "y": 2314, + "name": "Icon Button/Outline", + "padding": 10, + "descendants": { + "7ZVG7": { + "enabled": false + } + } + }, + { + "id": "ubB6W", + "type": "ref", + "reusable": true, + "ref": "zIDRN", + "x": 518, + "y": 2390, + "name": "Icon Button/Large/Ghost", + "padding": 12, + "descendants": { + "0SrnB": { + "enabled": false + } + } + }, + { + "id": "eNU2w", + "type": "ref", + "reusable": true, + "ref": "Svd9t", + "x": 606, + "y": 2390, + "rotation": 0, + "padding": 10, + "descendants": { + "yqG8L": { + "enabled": false + } + } + }, + { + "id": "7KC5U", + "type": "ref", + "reusable": true, + "ref": "Ffti9", + "x": 369, + "y": 1588, + "name": "Label/Success", + "descendants": { + "BFcCW": { + "enabled": false + } + } + }, + { + "id": "L8Rgv", + "type": "ref", + "reusable": true, + "ref": "7Fif0", + "x": 369, + "y": 1670, + "name": "Label/Orange", + "descendants": { + "rMf5x": { + "enabled": false + } + } + }, + { + "id": "rjvI1", + "type": "ref", + "reusable": true, + "ref": "A58oI", + "x": 369, + "y": 1752, + "name": "Label/Violet", + "descendants": { + "ULCkh": { + "enabled": false + } + } + }, + { + "id": "it00G", + "type": "ref", + "reusable": true, + "ref": "XYdcn", + "x": 369, + "y": 1834, + "name": "Label/Secondary", + "descendants": { + "ULBkt": { + "enabled": false + } + } + }, + { + "id": "xzG1l", + "type": "ref", + "reusable": true, + "ref": "axCNF", + "x": 466, + "y": 1966, + "name": "Breadcrumb Item/Ellipsis", + "descendants": { + "w41Yx": { + "type": "frame", + "id": "845dP", + "name": "dots", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "djpRN", + "x": 10.666666984558105, + "y": 7.833333492279053, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.33333349227905273, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + }, + { + "type": "path", + "id": "tUvDT", + "x": 8, + "y": 7.833333492279053, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.33333349227905273, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + }, + { + "type": "path", + "id": "PfckD", + "x": 5.333333492279053, + "y": 7.833333492279053, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.33333349227905273, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + } + ] + } + } + }, + { + "type": "frame", + "id": "axCNF", + "x": 438, + "y": 1966, + "name": "Breadcrumb Item/Separator", + "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": "w41Yx", + "name": "chevron-right", + "width": 14, + "height": 14, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "FQHQ9", + "x": 5.249999523162842, + "y": 3.499999761581421, + "name": "Vector", + "geometry": "M0 12l6-6-6-6", + "width": 3.500000476837158, + "height": 7, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + } + ] + } + ] + }, + { + "id": "mErlM", + "type": "ref", + "reusable": true, + "ref": "nW26m", + "x": 319, + "y": 1966, + "name": "Breadcrumb Item/Active", + "descendants": { + "bT3Mm": { + "fill": "$--foreground" + } + } + }, + { + "type": "frame", + "id": "nW26m", + "x": 200, + "y": 1966, + "name": "Breadcrumb Item/Default", + "reusable": true, + "fill": { + "type": "color", + "color": "$--white", + "enabled": false + }, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "bT3Mm", + "name": "Breadcrumb Item", + "fill": "$--muted-foreground", + "content": "Breadcrumb Item", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ERkuB", + "x": 3510, + "y": 1890, + "name": "Card", + "reusable": true, + "clip": true, + "width": 399, + "fill": "$--card", + "cornerRadius": "$--radius-none", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 1.75 + }, + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "4zoFt", + "name": "Card Header", + "slot": [], + "width": "fill_container", + "height": 68, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "padding": 24, + "justifyContent": "center" + }, + { + "type": "frame", + "id": "QMHOm", + "name": "Card Content", + "slot": [], + "width": "fill_container", + "height": "fit_content(100)", + "stroke": { + "align": "inside", + "thickness": 2 + }, + "layout": "vertical", + "gap": 8, + "padding": 24, + "justifyContent": "center" + }, + { + "type": "frame", + "id": "tiojM", + "name": "Card Actions", + "slot": [], + "width": "fill_container", + "height": 68, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": 24, + "alignItems": "center" + } + ] + }, + { + "type": "frame", + "id": "r91nP", + "x": 2200, + "y": 1953, + "name": "Checkbox/Checked", + "reusable": true, + "clip": true, + "width": 16, + "height": 16, + "fill": "$--foreground", + "cornerRadius": "$--radius-none", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--foreground" + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "yG5lQ", + "x": 4, + "y": 4, + "name": "icon-Check", + "clip": true, + "width": 8, + "height": 8, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "aAdgV", + "x": 0.5, + "y": 1.8333333730697632, + "name": "Vector 2356", + "geometry": "M0 7l7 7 14-14", + "width": 7, + "height": 4.666666507720947, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--background" + } + } + ] + } + ] + }, + { + "id": "Wxq1C", + "type": "ref", + "reusable": true, + "ref": "r91nP", + "x": 2200, + "y": 2009, + "name": "Checkbox/Default", + "fill": "$--background", + "descendants": { + "yG5lQ": { + "enabled": false + } + } + }, + { + "id": "8zOyn", + "type": "ref", + "reusable": true, + "ref": "VYDf7", + "x": 2200, + "y": 2193, + "name": "Checkbox Description/Checked", + "flipX": false, + "flipY": false, + "width": "fit_content", + "height": "fit_content", + "descendants": { + "w9kiZ": { + "id": "fR3PO", + "type": "ref", + "ref": "r91nP", + "x": 0, + "y": 4 + } + } + }, + { + "type": "frame", + "id": "VYDf7", + "x": 2200, + "y": 2105, + "name": "Checkbox Description/Default", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "children": [ + { + "type": "frame", + "id": "DvjIp", + "name": "checkbox-base", + "width": 16, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "id": "w9kiZ", + "type": "ref", + "ref": "r91nP", + "x": 0, + "y": 4, + "name": "Checkbox/Unchecked", + "fill": "$--background", + "descendants": { + "yG5lQ": { + "enabled": false + } + } + } + ] + }, + { + "type": "frame", + "id": "45aPm", + "name": "Text and supporting text", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "children": [ + { + "type": "text", + "id": "wW80R", + "name": "Text", + "fill": "$--foreground", + "content": "Enable autonomous navigation", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "7MZ0o", + "name": "Supporting text", + "fill": "$--muted-foreground", + "content": "Let the rover find the safest route on its own.", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "YIw6B", + "type": "ref", + "reusable": true, + "ref": "VYDf7", + "x": 2200, + "y": 2386, + "name": "Checkbox/Checked", + "flipX": false, + "flipY": false, + "width": "fit_content", + "height": "fit_content", + "descendants": { + "w9kiZ": { + "id": "bU7AQ", + "type": "ref", + "ref": "r91nP", + "x": 0, + "y": 4 + }, + "7MZ0o": { + "enabled": false + } + } + }, + { + "id": "5Wp4y", + "type": "ref", + "reusable": true, + "ref": "VYDf7", + "x": 2200, + "y": 2321, + "name": "Checkbox/Default", + "descendants": { + "7MZ0o": { + "enabled": false + } + } + }, + { + "id": "z6HCm", + "type": "ref", + "reusable": true, + "ref": "gKpi4", + "x": 4187, + "y": 494, + "width": 274, + "name": "Input Group/Filled", + "descendants": { + "FU4Re": { + "fill": "$--foreground", + "content": "Input Value" + } + } + }, + { + "id": "592AB", + "type": "ref", + "reusable": true, + "ref": "gKpi4", + "x": 4187, + "y": 600, + "name": "Input/Default", + "width": 274, + "descendants": { + "KbqaX": { + "enabled": false + }, + "FU4Re": { + "content": "Placeholder" + } + } + }, + { + "id": "URXVp", + "type": "ref", + "reusable": true, + "ref": "gKpi4", + "x": 4187, + "y": 680, + "width": 274, + "name": "Input/Filled", + "descendants": { + "KbqaX": { + "enabled": false + }, + "FU4Re": { + "fill": "$--foreground", + "content": "Input Value" + } + } + }, + { + "id": "mTHMq", + "type": "ref", + "reusable": true, + "ref": "XhJWF", + "x": 4187, + "y": 926, + "flipX": false, + "flipY": false, + "width": 274, + "height": "fit_content", + "name": "Select Group/Filled", + "descendants": { + "ygX49": { + "enabled": false + }, + "UoY51": { + "x": 0, + "y": 0 + }, + "q2CuU": { + "content": "Selected Option", + "fill": "$--foreground" + } + } + }, + { + "id": "JFrjZ", + "type": "ref", + "reusable": true, + "ref": "M5Mgn", + "x": 4187, + "y": 1198, + "name": "Input OTP Group/Filled", + "descendants": { + "mdnDd": { + "enabled": true + }, + "VEcfr": { + "enabled": true + }, + "gBwGG": { + "enabled": true + }, + "iVTkv": { + "enabled": true + }, + "qG43N": { + "enabled": true + }, + "xTFuV": { + "enabled": true + }, + "Q6Z6T": { + "enabled": true + }, + "w1SZv": { + "enabled": true + } + } + }, + { + "type": "frame", + "id": "Zksub", + "x": 1000, + "y": 583, + "name": "Search Box/Filled", + "reusable": true, + "width": 240, + "cornerRadius": 2, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": [ + 6, + 8 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "3JXCB", + "name": "icon-16/search", + "clip": true, + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "OBu7v", + "x": 2, + "y": 2, + "name": "Icon", + "geometry": "M10.66667 5.33333c0 2.94552-2.38781 5.33333-5.33334 5.33334m0-10.66667c2.94552 0 5.33333 2.38781 5.33334 5.33333m-10.66667 0c0-2.94552 2.38781-5.33333 5.33333-5.33333m0 10.66667c-2.94552 0-5.33333-2.38781-5.33333-5.33334", + "width": 10.666666984558105, + "height": 10.666666984558105, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + }, + { + "type": "path", + "id": "ZYNyM", + "x": 11.10009765625, + "y": 11.0999755859375, + "name": "Icon", + "geometry": "M2.9 2.9l-2.9-2.9", + "width": 2.8999996185302734, + "height": 2.8999996185302734, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--muted-foreground" + } + } + ] + }, + { + "type": "text", + "id": "shPTz", + "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": "CqquE", + "name": "icon-16/x", + "clip": true, + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "KvNZ4", + "x": 4, + "y": 4, + "name": "Icon", + "geometry": "M12 0l-12 12m0-12l12 12", + "width": 8, + "height": 8, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + } + ] + }, + { + "id": "T5yK2", + "type": "ref", + "reusable": true, + "ref": "Zksub", + "x": 1000, + "y": 655, + "name": "Search Box/Default", + "descendants": { + "shPTz": { + "fill": "$--muted-foreground", + "content": "Search..." + }, + "CqquE": { + "enabled": false + } + } + }, + { + "type": "frame", + "id": "5RtqD", + "x": 1000, + "y": 436, + "name": "List Item/Checked", + "reusable": true, + "width": 240, + "cornerRadius": 2, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": [ + 6, + 8 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "frame-1764946299363", + "name": "Item Content Left", + "clip": true, + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "H0gCs", + "name": "Leading Icon", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "frame", + "id": "zOPtn", + "x": 0, + "y": 0, + "name": "icon-check", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "zuBvR", + "x": 4, + "y": 4.666666507720947, + "name": "Vector", + "geometry": "M0 9l2.40928 2.33851m7.12753-0.4916l8.46319-10.84691m-15.59072 11.33851c1.32862 1.2896 1.99293 1.9344 2.73742 2.13794m4.39011-2.62954c-1.13899 1.45979-1.70848 2.18969-2.41797 2.49352m-1.97214 0.13602c0.65387 0.17877 1.34901 0.13082 1.97214-0.13602", + "width": 8, + "height": 6.66666841506958, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + } + ] + }, + { + "type": "text", + "id": "S0MJK", + "name": "Label", + "fill": "$--foreground", + "content": "List Item", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "ellipse", + "id": "uQKQ0", + "name": "Marker", + "fill": "$--foreground", + "width": 6, + "height": 6, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + }, + { + "type": "frame", + "id": "frame-1764946369123", + "name": "Item Content Right", + "clip": true, + "gap": 8, + "children": [ + { + "type": "text", + "id": "bPtms", + "name": "Shortcut", + "opacity": 0.6000000238418579, + "fill": "$--foreground", + "content": "⇧⌘A", + "lineHeight": 1.3333333333333333, + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "k87ed", + "name": "Trailing Icon", + "width": 16, + "height": 16, + "stroke": { + "align": "inside", + "thickness": 0.6666666865348816 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "AaO0s", + "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" + } + } + ] + } + ] + } + ] + }, + { + "id": "Nb9Jh", + "type": "ref", + "reusable": true, + "ref": "5RtqD", + "x": 1000, + "y": 511, + "name": "List Item/Unchecked", + "descendants": { + "zOPtn": { + "type": "frame", + "id": "frame-1764946565118", + "x": 0, + "y": 0, + "name": "icon-placeholder", + "clip": true, + "width": 16, + "height": 16, + "layout": "none" + }, + "frame-1764946369123": { + "enabled": true + } + } + }, + { + "type": "frame", + "id": "IAQUJ", + "x": 1000, + "y": 368, + "name": "List Item Title", + "reusable": true, + "width": 240, + "cornerRadius": 2, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": [ + 8, + 6, + 8, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "uWdo0", + "name": "Label", + "fill": "$--muted-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "List Title", + "lineHeight": 1.3333333333333333, + "fontFamily": "$--font-secondary", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "ZIXiw", + "x": 1000, + "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": "3L1Cx", + "name": "Line", + "width": "fill_container", + "height": 0, + "stroke": { + "align": "center", + "thickness": 1, + "fill": "$--border" + } + } + ] + }, + { + "type": "frame", + "id": "cH4wO", + "x": 1000, + "y": 200, + "name": "Dropdown", + "reusable": true, + "slot": [ + "ZIXiw", + "IAQUJ", + "5RtqD", + "Nb9Jh", + "Zksub", + "T5yK2" + ], + "clip": true, + "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", + "alignItems": "center" + }, + { + "id": "oiT6B", + "type": "ref", + "reusable": true, + "ref": "QFzE8", + "x": 4187, + "y": 1550, + "name": "Textarea/Default", + "descendants": { + "nQmmR": { + "enabled": false + }, + "7Mypd": { + "x": 0, + "y": 0 + }, + "b2pCk": { + "fill": "$--muted-foreground", + "content": "Write your novel..." + } + } + }, + { + "id": "nvIIa", + "type": "ref", + "reusable": true, + "ref": "QFzE8", + "x": 4187, + "y": 1670, + "name": "Textarea/Filled", + "descendants": { + "nQmmR": { + "enabled": false + }, + "7Mypd": { + "x": 0, + "y": 0 + }, + "b2pCk": { + "content": "Once upon a time..." + } + } + }, + { + "type": "frame", + "id": "KbyBJ", + "x": 3510, + "y": 2194, + "name": "Tab Item/Active", + "reusable": true, + "fill": "$--background", + "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": [ + 6, + 12 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "248ys", + "name": "Label Selected", + "fill": "$--foreground", + "content": "Tab Item", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "id": "BdBJJ", + "type": "ref", + "reusable": true, + "ref": "KbyBJ", + "x": 3510, + "y": 2246, + "name": "Tab Item/Inactive", + "fill": [], + "effect": [], + "descendants": { + "248ys": { + "fill": "$--muted-foreground" + } + } + }, + { + "type": "frame", + "id": "Kbr4h", + "x": 3510, + "y": 2298, + "name": "Tabs", + "reusable": true, + "slot": [ + "KbyBJ", + "BdBJJ" + ], + "clip": true, + "width": 93, + "height": 40, + "fill": "$--secondary", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": 4, + "justifyContent": "center", + "alignItems": "center" + }, + { + "id": "Hygdd", + "type": "ref", + "ref": "Kbr4h", + "x": 3510, + "y": 2378, + "name": "Tabs", + "width": "fit_content", + "height": 40, + "flipX": false, + "flipY": false, + "children": [ + { + "id": "bBzsK", + "type": "ref", + "ref": "KbyBJ", + "x": 4, + "y": 4, + "descendants": { + "248ys": { + "x": 12, + "y": 6, + "content": "Integrations" + } + } + }, + { + "id": "GvdF4", + "type": "ref", + "ref": "BdBJJ", + "x": 116, + "y": 4, + "descendants": { + "248ys": { + "content": "Billing" + } + } + }, + { + "id": "CEFDt", + "type": "ref", + "ref": "BdBJJ", + "x": 189, + "y": 4, + "descendants": { + "248ys": { + "content": "Profile" + } + } + }, + { + "id": "3M9BF", + "type": "ref", + "ref": "BdBJJ", + "x": 264, + "y": 4, + "descendants": { + "248ys": { + "content": "Advanced" + } + } + } + ] + }, + { + "type": "frame", + "id": "yoahP", + "x": 2200, + "y": 1296, + "name": "Radio Description/Default", + "reusable": true, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "children": [ + { + "type": "frame", + "id": "rk8rD", + "name": "radio-base", + "width": 16, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "id": "mhIeP", + "type": "ref", + "ref": "u61z6", + "x": 0, + "y": 4, + "name": "Radio/Default", + "fill": "$--background", + "descendants": { + "mB2s3": { + "enabled": false + } + } + } + ] + }, + { + "type": "frame", + "id": "B3rtw", + "name": "Text and supporting text", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "OaRwi", + "name": "Label Text", + "fill": "$--foreground", + "content": "Pathfinder Neo", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "viVIQ", + "name": "Supporting text", + "fill": "$--muted-foreground", + "content": "Compact rover optimized for short-range missions.", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "u61z6", + "x": 2200, + "y": 1144, + "name": "Radio/Selected", + "reusable": true, + "clip": true, + "width": 16, + "height": 16, + "fill": "$--foreground", + "cornerRadius": 8, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--foreground" + }, + "layout": "none", + "children": [ + { + "type": "ellipse", + "id": "mB2s3", + "x": 6, + "y": 6, + "name": "dot", + "fill": "$--background", + "width": 4, + "height": 4, + "stroke": { + "align": "inside", + "thickness": 1 + } + } + ] + }, + { + "id": "Ao9E1", + "type": "ref", + "reusable": true, + "ref": "u61z6", + "x": 2200, + "y": 1200, + "name": "Radio/Default", + "fill": "$--background", + "descendants": { + "mB2s3": { + "enabled": false + } + } + }, + { + "id": "20Ebu", + "type": "ref", + "reusable": true, + "ref": "yoahP", + "x": 2200, + "y": 1390, + "name": "Radio Description/Selected", + "descendants": { + "mhIeP": { + "id": "DHHYV", + "type": "ref", + "ref": "u61z6", + "x": 0, + "y": 4 + } + } + }, + { + "id": "t3kqz", + "type": "ref", + "reusable": true, + "ref": "yoahP", + "x": 2200, + "y": 1522, + "name": "Radio/Default", + "descendants": { + "viVIQ": { + "enabled": false + } + } + }, + { + "id": "hMm4B", + "type": "ref", + "reusable": true, + "ref": "yoahP", + "x": 2200, + "y": 1586, + "name": "Radio/Selected", + "descendants": { + "mhIeP": { + "id": "Z7y8W", + "type": "ref", + "ref": "u61z6", + "x": 0, + "y": 4 + }, + "viVIQ": { + "enabled": false + } + } + }, + { + "id": "wk1O8", + "type": "ref", + "reusable": true, + "ref": "zdFKu", + "x": 2200, + "y": 1805, + "name": "Switch/Default", + "descendants": { + "24hPt": { + "justifyContent": "start", + "alignItems": "center", + "fill": "$--background", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + } + } + } + }, + { + "type": "frame", + "id": "d5ZTS", + "x": 2993, + "y": 240, + "name": "Sidebar", + "reusable": true, + "width": 280, + "height": "fill_container(640)", + "fill": "$--sidebar", + "stroke": { + "align": "outside", + "thickness": { + "right": 1 + }, + "fill": "$--sidebar-border" + }, + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "G3EQQ", + "name": "Sidebar Header", + "width": "fill_container", + "height": 88, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--sidebar-border" + }, + "layout": "vertical", + "gap": 8, + "padding": [ + 24, + 32 + ], + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "nmO34", + "name": "Sidebar Logo", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "path", + "id": "FY0oG", + "name": "Subtract", + "geometry": "M16 0c8.83656 0 16 7.16344 16 16 0 8.83656-7.16344 16-16 16-8.83656 0-16-7.16344-16-16 0-8.83656 7.16344-16 16-16z m1.86035 8.71777c-0.66585-1.68829-3.05485-1.68829-3.7207 0l-1.21485 3.08008c-0.20329 0.51544-0.61151 0.92366-1.12695 1.12695l-3.08008 1.21485c-1.68829 0.66585-1.68829 3.05485 0 3.7207l3.08008 1.21485c0.51544 0.20329 0.92366 0.61151 1.12695 1.12695l1.21485 3.08008c0.66585 1.68829 3.05485 1.68829 3.7207 0l1.21485-3.08008c0.20329-0.51544 0.61151-0.92366 1.12695-1.12695l3.08008-1.21485c1.68829-0.66585 1.68829-3.05485 0-3.7207l-3.08008-1.21485c-0.51544-0.20329-0.92366-0.61151-1.12695-1.12695l-1.21485-3.08008z", + "fill": "$--primary", + "width": 32, + "height": 32 + }, + { + "type": "text", + "id": "MIpaj", + "name": "LUNARIS", + "fill": "$--primary", + "content": "LUNARIS", + "lineHeight": 1, + "fontFamily": "$--font-primary", + "fontSize": 18, + "fontWeight": "700" + } + ] + } + ] + }, + { + "type": "frame", + "id": "NvL81", + "name": "Sidebar Content", + "slot": [ + "h12kK", + "dOLzc", + "X6nwq" + ], + "width": "fill_container", + "height": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "padding": [ + 0, + 16 + ] + }, + { + "type": "frame", + "id": "3F5am", + "name": "Sidebar Footer", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 8, + "padding": [ + 24, + 32 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rT0dx", + "name": "Profile", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "uiUgV", + "name": "Name", + "fill": "$--sidebar-accent-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Joe Doe", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "eUcmA", + "name": "Email", + "fill": "$--sidebar-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "joe@acmecorp.com", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "UlKF0", + "width": 24, + "height": 24, + "iconFontName": "keyboard_arrow_down", + "iconFontFamily": "Material Symbols Sharp", + "weight": 100, + "fill": "$--sidebar-foreground" + } + ] + } + ] + }, + { + "type": "frame", + "id": "h12kK", + "x": 3313, + "y": 240, + "name": "Sidebar Section Title", + "reusable": true, + "width": 248, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "padding": 16, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "b8JIN", + "name": "Management", + "fill": "$--sidebar-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Title", + "lineHeight": 1.1428571428571428, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "dOLzc", + "x": 3313, + "y": 328, + "name": "Sidebar Item/Active", + "reusable": true, + "width": 248, + "fill": "$--sidebar-accent", + "cornerRadius": 100, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 16, + "padding": [ + 12, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "xGT5g", + "width": 24, + "height": 24, + "iconFontName": "dashboard", + "iconFontFamily": "Material Symbols Sharp", + "weight": 100, + "fill": "$--sidebar-accent-foreground" + }, + { + "type": "text", + "id": "TXca3", + "name": "Item Title", + "fill": "$--sidebar-accent-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Item", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "id": "X6nwq", + "type": "ref", + "reusable": true, + "ref": "dOLzc", + "x": 3313, + "y": 416, + "width": 248, + "height": "fit_content", + "flipX": false, + "flipY": false, + "name": "Sidebar Item/Default", + "fill": [], + "descendants": { + "xGT5g": { + "fill": "$--sidebar-foreground" + }, + "TXca3": { + "fill": "$--sidebar-foreground" + } + } + }, + { + "type": "frame", + "id": "oT0d2", + "x": 3789, + "y": 256.211644890092, + "name": "Pagination Item/Active", + "reusable": true, + "width": 40, + "height": 40, + "fill": "$--background", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000f", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 3.5, + "spread": -1 + }, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "y7IIq", + "name": "1", + "fill": "$--foreground", + "content": "1", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "id": "Doslm", + "type": "ref", + "reusable": true, + "ref": "oT0d2", + "x": 3869, + "y": 256.211644890092, + "name": "Pagination Item/Default", + "fill": [], + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": [] + }, + { + "id": "Irk3I", + "type": "ref", + "reusable": true, + "ref": "oT0d2", + "x": 3948.7883551099067, + "y": 256.42555354195747, + "name": "Pagination Item/Ellipsis", + "fill": [], + "stroke": { + "align": "inside", + "thickness": 1 + }, + "effect": [], + "rotation": 0.6095720472010598, + "descendants": { + "y7IIq": { + "type": "frame", + "id": "PkGub", + "name": "dots", + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "SsCKU", + "x": 16, + "y": 11.75, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.5, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + }, + { + "type": "path", + "id": "WoLlm", + "x": 12, + "y": 11.75, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.5, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + }, + { + "type": "path", + "id": "IXSc4", + "x": 8, + "y": 11.75, + "name": "Vector", + "geometry": "M0 1.41421l0-1.41421", + "width": 0, + "height": 0.5, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + } + } + }, + { + "id": "cYAuh", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 200, + "y": 1160, + "name": "Dialog", + "fill": "$--background", + "width": 480, + "descendants": { + "4zoFt": { + "height": "fit_content", + "children": [ + { + "type": "frame", + "id": "XZp33", + "name": "Alert Dialog Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "cCHwa", + "name": "Dialog Title", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Add a title here", + "lineHeight": 1.5555555555555556, + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 18, + "fontWeight": "600" + }, + { + "type": "text", + "id": "SGCXJ", + "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" + } + ] + } + ] + }, + "QMHOm": { + "enabled": false + }, + "tiojM": { + "height": "fit_content", + "children": [ + { + "id": "mcObo", + "type": "ref", + "ref": "ZETEA", + "x": 24, + "y": 24, + "descendants": { + "mRGd3": { + "enabled": false + }, + "q5Hn5": { + "content": "Continue" + } + } + }, + { + "id": "vp59U", + "type": "ref", + "ref": "4x7RU", + "x": 132, + "y": 24, + "descendants": { + "r97g1": { + "enabled": false + }, + "7ZVG7": { + "content": "Cancel", + "x": 16, + "y": 10 + } + } + } + ] + } + } + }, + { + "id": "izigX", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 2200, + "y": 200, + "name": "Modal/Left", + "width": 400, + "descendants": { + "4zoFt": { + "height": "fit_content", + "gap": 4, + "children": [ + { + "type": "text", + "id": "Y9Tug", + "name": "Card Title", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Modal Title", + "lineHeight": 1.4, + "fontFamily": "$--font-primary", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "text", + "id": "ffmEf", + "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" + } + ] + }, + "QMHOm": { + "children": [] + }, + "tiojM": { + "height": "fit_content", + "children": [ + { + "type": "frame", + "id": "3cNo9", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "Qho76", + "type": "ref", + "ref": "ZETEA", + "x": 0, + "y": 0, + "width": "fill_container", + "descendants": { + "mRGd3": { + "enabled": false + }, + "q5Hn5": { + "content": "Action" + } + } + }, + { + "id": "rniy5", + "type": "ref", + "ref": "U83R7", + "x": 182, + "y": 0, + "width": "fill_container", + "descendants": { + "mM3qB": { + "enabled": false + }, + "M4KCH": { + "content": "Action" + } + } + } + ] + } + ] + } + } + }, + { + "id": "5JUG0", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 2200, + "y": 496, + "name": "Modal/Center", + "width": 400, + "descendants": { + "4zoFt": { + "gap": 4, + "height": "fit_content", + "children": [ + { + "type": "text", + "id": "MhbR9", + "name": "Card Title", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Modal Title", + "lineHeight": 1.4, + "textAlign": "center", + "fontFamily": "$--font-primary", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "text", + "id": "1nHxd", + "name": "Modal Subtitle", + "fill": "$--muted-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Modal Subtitle", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + "QMHOm": { + "children": [] + }, + "tiojM": { + "height": "fit_content", + "children": [ + { + "type": "frame", + "id": "KNlsV", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "jRbmo", + "type": "ref", + "ref": "ZETEA", + "x": 0, + "y": 0, + "width": "fill_container", + "descendants": { + "mRGd3": { + "enabled": false + }, + "q5Hn5": { + "content": "Action" + } + } + }, + { + "id": "loFcC", + "type": "ref", + "ref": "U83R7", + "x": 182, + "y": 0, + "width": "fill_container", + "descendants": { + "mM3qB": { + "enabled": false + }, + "M4KCH": { + "content": "Action" + } + } + } + ] + } + ] + } + } + }, + { + "id": "DBtsv", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 2200, + "y": 792, + "name": "Modal/Center Icon", + "width": 400, + "descendants": { + "4zoFt": { + "height": "fit_content", + "children": [ + { + "type": "frame", + "id": "j3YeB", + "name": "Icon", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "NA5nA", + "name": "Icon Base", + "width": 48, + "height": 48, + "fill": "$--color-warning", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 10, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "YkAAz", + "name": "icon-24/alert-triangle", + "clip": true, + "width": 24, + "height": 24, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "ou0AU", + "x": 1.5517578125, + "y": 1.897247314453125, + "name": "Icon", + "geometry": "M8.73802 0.96274l-8.47 14.14c-0.17463 0.30242-0.26703 0.6453-0.26801 0.99452-0.00098 0.34922 0.0895 0.69261 0.26244 0.99601 0.17294 0.3034 0.4223 0.55622 0.72328 0.73333 0.30098 0.1771 0.64309 0.27231 0.99229 0.27614l16.94 0c0.3492-0.00384 0.69131-0.09905 0.99229-0.27614 0.30098-0.1771 0.55035-0.42993 0.72328-0.73333 0.17293-0.3034 0.26342-0.64678 0.26244-0.99601-0.00098-0.34922-0.09338-0.6921-0.26801-0.99452l-8.47-14.14c-0.17827-0.29389-0.42928-0.53688-0.72881-0.70551-0.29953-0.16864-0.63746-0.25723-0.98119-0.25723-0.34374 0-0.68167 0.08859-0.9812 0.25723-0.29953 0.16864-0.55053 0.41162-0.7288 0.70551z", + "width": 20.896038055419922, + "height": 18.102745056152344, + "stroke": { + "align": "center", + "thickness": 2, + "join": "round", + "cap": "round", + "fill": "$--color-warning-foreground" + } + }, + { + "type": "path", + "id": "kpACM", + "x": 11.999755859375, + "y": 8, + "name": "Icon", + "geometry": "M0 0l0 4", + "width": 0, + "height": 4, + "stroke": { + "align": "center", + "thickness": 2, + "join": "round", + "cap": "round", + "fill": "$--color-warning-foreground" + } + }, + { + "type": "path", + "id": "PbBFZ", + "x": 11.999755859375, + "y": 16, + "name": "Icon", + "geometry": "M0 0l0.01 0", + "width": 0.010000228881835938, + "height": 0, + "stroke": { + "align": "center", + "thickness": 2, + "join": "round", + "cap": "round", + "fill": "$--color-warning-foreground" + } + } + ] + } + ] + } + ] + } + ] + }, + "QMHOm": { + "children": [] + }, + "tiojM": { + "height": "fit_content", + "children": [ + { + "type": "frame", + "id": "9BkTI", + "name": "Actions", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 12, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "id": "lDPDm", + "type": "ref", + "ref": "ZETEA", + "x": 0, + "y": 0, + "width": "fill_container", + "descendants": { + "mRGd3": { + "enabled": false + }, + "q5Hn5": { + "content": "Action" + } + } + }, + { + "id": "uGlQP", + "type": "ref", + "ref": "U83R7", + "x": 182, + "y": 0, + "width": "fill_container", + "descendants": { + "mM3qB": { + "enabled": false + }, + "M4KCH": { + "content": "Action" + } + } + } + ] + } + ] + } + } + }, + { + "id": "ksvfk", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 3365, + "y": 1013, + "fill": "$--background", + "width": 336, + "height": "fit_content", + "clip": true, + "flipX": false, + "flipY": false, + "textGrowth": "auto", + "name": "Card Image", + "descendants": { + "4zoFt": { + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "height": "fit_content", + "padding": 0, + "children": [ + { + "type": "frame", + "id": "bt0T5", + "name": "image-placeholder", + "width": "fill_container", + "height": 160, + "fill": "$--background", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "layout": "none" + } + ] + }, + "QMHOm": { + "height": "fit_content", + "children": [ + { + "type": "text", + "id": "fRodj", + "name": "title", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Aurora Scout", + "lineHeight": 1.5, + "fontFamily": "$--font-secondary", + "fontSize": 24, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "xS5p5", + "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" + } + ] + }, + "tiojM": { + "enabled": true, + "height": "fit_content", + "justifyContent": "space_between", + "alignItems": "start", + "children": [ + { + "id": "xkhid", + "type": "ref", + "ref": "U83R7", + "x": 24, + "y": 24, + "descendants": { + "M4KCH": { + "content": "Request" + } + } + }, + { + "id": "UKsrb", + "type": "ref", + "ref": "L8Rgv", + "x": 245, + "y": 24, + "descendants": { + "glumS": { + "content": "$45.00" + } + } + } + ] + } + } + }, + { + "id": "wg5F3", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 2987, + "y": 1013, + "fill": "$--background", + "width": 336, + "height": 280, + "name": "Card Action", + "descendants": { + "4zoFt": { + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "height": "fit_content", + "children": [ + { + "type": "text", + "id": "taBHi", + "name": "title", + "fill": "$--muted-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Navigation AI v2.3", + "lineHeight": 1.5, + "fontFamily": "$--font-primary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + "QMHOm": { + "height": "fit_content", + "children": [ + { + "type": "text", + "id": "X5RNH", + "name": "title", + "fill": "$--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" + } + ] + }, + "tiojM": { + "enabled": true, + "height": "fit_content", + "children": [ + { + "id": "NrOAf", + "type": "ref", + "ref": "ZETEA", + "x": 24, + "y": 24, + "descendants": { + "q5Hn5": { + "content": "Install" + } + } + } + ] + } + } + }, + { + "id": "eBwLd", + "type": "ref", + "reusable": true, + "ref": "ERkuB", + "x": 2987, + "y": 1334, + "fill": "$--background", + "width": 336, + "height": "fit_content", + "name": "Card Plain", + "descendants": { + "4zoFt": { + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "height": "fit_content", + "children": [ + { + "type": "text", + "id": "zdeXA", + "name": "title", + "fill": "$--muted-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Active Rovers", + "lineHeight": 1.5, + "fontFamily": "$--font-primary", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + "QMHOm": { + "height": "fit_content", + "justifyContent": "center", + "alignItems": "start", + "children": [ + { + "type": "text", + "id": "HjgHV", + "name": "title", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "1,280", + "lineHeight": 1.5, + "fontFamily": "$--font-primary", + "fontSize": 32, + "fontWeight": "normal" + }, + { + "id": "hacc9", + "type": "ref", + "ref": "7KC5U", + "x": 24, + "y": 80, + "descendants": { + "AWwyf": { + "content": "-12%" + } + } + } + ] + }, + "tiojM": { + "enabled": false, + "height": 88, + "children": [] + } + } + }, + { + "type": "frame", + "id": "j9N2Y", + "x": 1000, + "y": 2134, + "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": "UmgWD", + "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": "U9lxU", + "type": "ref", + "ref": "9PVw5", + "x": 802, + "y": 0, + "width": "fit_content", + "descendants": { + "IXD5J": { + "width": 40, + "justifyContent": "center", + "alignItems": "center", + "height": 40 + } + } + } + ] + }, + { + "type": "frame", + "id": "yLiVX", + "x": 1000, + "y": 1726, + "name": "Data Table", + "reusable": true, + "clip": true, + "width": "fill_container(1024)", + "layout": "vertical", + "gap": 16, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "GILr0", + "name": "Data Table Header", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 16, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "D2Ukn", + "name": "Inpu/Default", + "width": 274, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 6, + "children": [ + { + "type": "frame", + "id": "LIuaX", + "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": "7n2AL", + "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": "Pk2Th", + "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": "ujsbK", + "name": "Input Value", + "fill": "$--muted-foreground", + "content": "Search…", + "lineHeight": 1.4285714285714286, + "textAlignVertical": "middle", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "MGKE6", + "name": "Button/Outline", + "height": 40, + "fill": "$--background", + "cornerRadius": "$--radius-pill", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "effect": { + "type": "shadow", + "shadowType": "outer", + "color": "#0000000d", + "offset": { + "x": 0, + "y": 1 + }, + "blur": 1.75 + }, + "gap": 6, + "padding": [ + 10, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "j0Mcz", + "name": "plus", + "width": 20, + "height": 20, + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "YWglf", + "x": 5, + "y": 5, + "name": "Vector", + "geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549", + "width": 10, + "height": 10, + "stroke": { + "align": "center", + "thickness": 1.5, + "join": "round", + "cap": "round", + "fill": "$--foreground" + } + } + ] + }, + { + "type": "text", + "id": "nJH86", + "name": "Button", + "fill": "$--foreground", + "content": "Button", + "lineHeight": 1.4285714285714286, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "iC3n0", + "name": "Data Table Content", + "slot": [ + "T73Cd" + ], + "clip": true, + "width": "fill_container", + "height": "fit_content(260)", + "layout": "vertical", + "justifyContent": "center", + "alignItems": "center" + }, + { + "id": "xrcIc", + "type": "ref", + "ref": "j9N2Y", + "x": 0, + "y": 332 + } + ] + }, + { + "type": "frame", + "id": "pPOgy", + "x": 1000, + "y": 867, + "name": "Table", + "reusable": true, + "slot": [ + "T73Cd" + ], + "width": "fill_container(1024)", + "height": 300, + "fill": "$--background", + "cornerRadius": "$--radius-none", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border" + }, + "layout": "vertical", + "alignItems": "center" + }, + { + "type": "frame", + "id": "T73Cd", + "x": 1000, + "y": 1200, + "name": "Table Row", + "reusable": true, + "slot": [ + "uKYIj", + "tbrR4" + ], + "width": "fill_container(1024)", + "height": "fit_content(44)", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border" + }, + "alignItems": "center" + }, + { + "type": "frame", + "id": "uKYIj", + "x": 1000, + "y": 1274, + "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": "VnGc5", + "x": 1000, + "y": 1644, + "name": "Data Table Header", + "reusable": true, + "width": "fill_container(1024)", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "gap": 16, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "id": "ZGNYc", + "type": "ref", + "ref": "gKpi4", + "x": 0, + "y": 0, + "name": "Inpu/Default", + "width": 274, + "descendants": { + "KbqaX": { + "enabled": false + }, + "FU4Re": { + "content": "Search…" + } + } + }, + { + "id": "7jFra", + "type": "ref", + "ref": "4x7RU", + "x": 915, + "y": 0, + "descendants": { + "7ZVG7": { + "content": "Button" + } + } + } + ] + }, + { + "type": "frame", + "id": "tbrR4", + "x": 993, + "y": 1366, + "name": "Table Column Header", + "reusable": true, + "width": "fill_container(293)", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + } + }, + "gap": 8, + "padding": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "XGc4z", + "name": "Label", + "fill": "$--muted-foreground", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Name", + "lineHeight": 1.4285714285714286, + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "ihlEg", + "x": 1000, + "y": 732, + "name": "Text Label", + "fill": "$--foreground", + "textGrowth": "fixed-width", + "width": "fill_container(150)", + "content": "Text Label", + "lineHeight": 1.4285714285714286, + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "id": "PHDgS", + "type": "ref", + "ref": "ERkuB", + "x": 2874, + "y": 2196, + "name": "Card Simple", + "descendants": { + "tiojM": { + "enabled": false + } + } + } + ] + }, + { + "type": "text", + "id": "MUz5r", + "x": 283, + "y": -2871, + "name": "Start here", + "fill": "#ff8303ff", + "content": "Start Here", + "lineHeight": 1.399999976158142, + "fontFamily": "Funnel Display", + "fontSize": 320, + "fontWeight": "500", + "letterSpacing": -4 + }, + { + "type": "text", + "id": "ifWF1", + "x": 1.1368683772161603e-13, + "y": -2216, + "name": "Step 2", + "fill": "#ff8303ff", + "textGrowth": "fixed-width", + "width": 845, + "content": "Step 1: Basics", + "lineHeight": 1.399999976158142, + "fontFamily": "Funnel Display", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "prompt", + "id": "2wZ9Y", + "x": 1909, + "y": -1990, + "model": "cursor-composer", + "width": 582, + "height": 219, + "content": "Add 3 more rows to the Step 2 Frame with some funny rover names." + }, + { + "type": "text", + "id": "tTKjr", + "x": 1909, + "y": -2216, + "name": "Step 3", + "fill": "#ff8303ff", + "content": "Step 2: Vibe design", + "lineHeight": 1.399999976158142, + "fontFamily": "Funnel Display", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "prompt", + "id": "zHxSZ", + "x": 1.1368683772161603e-13, + "y": -1990, + "model": "cursor-composer", + "width": 361, + "height": 219, + "content": "Turn the \"Step 1 Frame\" into dark mode." + }, + { + "type": "text", + "id": "tU9Hf", + "x": 382, + "y": -1870, + "name": "Step 2", + "fill": "#959595ff", + "content": "← Click \"Run\" here", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mHHN1", + "x": 2513, + "y": -1869, + "name": "Step 2", + "fill": "#ff8303ff", + "content": "←", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "CzlXB", + "x": 3747, + "y": -1531, + "name": "Step 3 Frame", + "theme": { + "Mode": "Dark" + }, + "clip": true, + "width": 1440, + "height": 900, + "fill": "$--background" + }, + { + "type": "prompt", + "id": "fS3BI", + "x": 3747, + "y": -1990, + "model": "cursor-composer", + "width": 1005, + "height": 219, + "content": "Design a dashboard in the \"Step 3 Frame\" for a rover management platform using the components\n- add a sidebar for navigation\n- add rover stats and table with available rovers for rent in the content body" + }, + { + "type": "text", + "id": "5jTfc", + "x": 3747, + "y": -2216, + "name": "Step 4", + "fill": "#ff8303ff", + "content": "Step 3: Pencil it out!", + "lineHeight": 1.399999976158142, + "fontFamily": "Funnel Display", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "prompt", + "id": "e51uh", + "x": 5668, + "y": -1990, + "model": "claude-4.5-sonnet", + "width": 1005, + "height": 229, + "content": "Setup and create a NextJS project with all necessary configuration files\n- use React, Typescript and Tailwind CSS v4\n- replicate \"Step 3 Frame\" design in the code" + }, + { + "type": "text", + "id": "4csXI", + "x": 5668, + "y": -2216, + "name": "Step 5", + "fill": "#ff8303ff", + "content": "Final Step: Generate React code", + "lineHeight": 1.399999976158142, + "fontFamily": "Funnel Display", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "cOnQP", + "x": 0, + "y": -1565, + "name": "Step 1 Frame", + "theme": { + "Mode": "Light" + }, + "clip": true, + "width": 1440, + "height": 900, + "fill": "$--background", + "children": [ + { + "id": "Ko6AF", + "type": "ref", + "ref": "d5ZTS", + "x": 0, + "y": 0, + "descendants": { + "NvL81": { + "children": [ + { + "id": "eGOU8", + "type": "ref", + "ref": "h12kK" + }, + { + "id": "Ct09n", + "type": "ref", + "ref": "dOLzc" + }, + { + "id": "oUCen", + "type": "ref", + "ref": "X6nwq" + }, + { + "id": "NMbml", + "type": "ref", + "ref": "X6nwq" + }, + { + "id": "2u0Td", + "type": "ref", + "ref": "X6nwq" + } + ] + } + } + }, + { + "type": "frame", + "id": "jV147", + "name": "Content", + "clip": true, + "width": "fill_container", + "height": 900, + "layout": "vertical", + "gap": 24, + "padding": 24, + "children": [ + { + "id": "V2SYW", + "type": "ref", + "ref": "Kbr4h", + "x": 24, + "y": 24, + "name": "Tabs", + "width": "fit_content", + "height": 40, + "flipX": false, + "flipY": false, + "children": [ + { + "id": "EKcSr", + "type": "ref", + "ref": "KbyBJ", + "x": 4, + "y": 4, + "descendants": { + "248ys": { + "x": 12, + "y": 6, + "content": "Integrations" + } + } + }, + { + "id": "faJgQ", + "type": "ref", + "ref": "BdBJJ", + "x": 116, + "y": 4, + "descendants": { + "248ys": { + "content": "Billing" + } + } + }, + { + "id": "B6TiH", + "type": "ref", + "ref": "BdBJJ", + "x": 189, + "y": 4, + "descendants": { + "248ys": { + "content": "Profile" + } + } + }, + { + "id": "dGLeT", + "type": "ref", + "ref": "BdBJJ", + "x": 264, + "y": 4, + "descendants": { + "248ys": { + "content": "Advanced" + } + } + } + ] + }, + { + "id": "p1r72", + "type": "ref", + "ref": "nIj3a", + "x": 24, + "y": 88, + "width": "fill_container" + }, + { + "id": "GqMoS", + "type": "ref", + "ref": "yLiVX", + "x": 24, + "y": 196, + "width": "fill_container", + "descendants": { + "iC3n0": { + "children": [ + { + "id": "VZdSB", + "type": "ref", + "ref": "T73Cd", + "children": [ + { + "id": "AG4YD", + "type": "ref", + "ref": "tbrR4" + }, + { + "id": "GkMsj", + "type": "ref", + "ref": "tbrR4" + }, + { + "id": "MTOr5", + "type": "ref", + "ref": "tbrR4" + }, + { + "id": "tapg1", + "type": "ref", + "ref": "tbrR4" + }, + { + "id": "qIKqw", + "type": "ref", + "ref": "tbrR4" + } + ] + }, + { + "id": "oLoRH", + "type": "ref", + "ref": "T73Cd", + "children": [ + { + "id": "9tiSi", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "a1KTQ", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "QOEGC", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "U1Vgi", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "lOxqV", + "type": "ref", + "ref": "uKYIj" + } + ] + }, + { + "id": "QtacS", + "type": "ref", + "ref": "T73Cd", + "children": [ + { + "id": "uqf2F", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "DUztJ", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "fuzdv", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "btWWS", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "FwWTQ", + "type": "ref", + "ref": "uKYIj" + } + ] + }, + { + "id": "vrbkM", + "type": "ref", + "ref": "T73Cd", + "children": [ + { + "id": "dXw5w", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "62vsl", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "wW3Ky", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "YU4v3", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "L8MeZ", + "type": "ref", + "ref": "uKYIj" + } + ] + }, + { + "id": "9mwBt", + "type": "ref", + "ref": "T73Cd", + "children": [ + { + "id": "gbamQ", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "EPpJM", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "tNRTe", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "1InjP", + "type": "ref", + "ref": "uKYIj" + }, + { + "id": "mhKru", + "type": "ref", + "ref": "uKYIj" + } + ] + } + ] + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "DynJU", + "x": 5668, + "y": -1531, + "name": "fyi", + "width": 1440, + "height": 128, + "fill": "#6b6b6bff", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 24, + "padding": 40, + "children": [ + { + "type": "text", + "id": "DNjZZ", + "name": "Connect MCP server", + "fill": "#ffffffff", + "content": "You might need to save this file to your workspace/project.", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "pQr0G", + "x": 40.000015258789176, + "y": -508, + "name": "For best results select Claude Sonnet 4.5 as a model", + "fill": "fff", + "content": "FYI: When you run the prompt, you will have to allow the MCP calls.", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 34, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "CyTSW", + "x": 0.000015258789176186838, + "y": -548, + "name": "fyi", + "width": 1440, + "height": 128, + "fill": "#6b6b6bff", + "stroke": { + "align": "inside", + "thickness": 1 + }, + "layout": "vertical", + "gap": 24, + "padding": 40, + "children": [ + { + "type": "text", + "id": "LWde7", + "name": "Connect MCP server", + "fill": "#ffffffff", + "content": "You might need to approve the MCP calls.", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 36, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tlPHu", + "x": 1909, + "y": -1565, + "name": "Step 2 Frame", + "theme": { + "Mode": "Dark" + }, + "clip": true, + "width": 1440, + "layout": "vertical", + "children": [ + { + "id": "XHg17", + "type": "ref", + "ref": "pPOgy", + "width": "fill_container", + "height": "fit_content", + "name": "table", + "children": [ + { + "id": "RQ8PM", + "type": "ref", + "ref": "T73Cd", + "width": "fill_container", + "name": "headerRow", + "children": [ + { + "id": "NPyv3", + "type": "ref", + "ref": "tbrR4", + "width": 160, + "name": "statusHeader", + "descendants": { + "XGc4z": { + "content": "Status" + } + } + }, + { + "id": "9TkWj", + "type": "ref", + "ref": "tbrR4", + "width": 240, + "name": "nameHeader", + "descendants": { + "XGc4z": { + "content": "Name" + } + } + }, + { + "id": "Iv9hb", + "type": "ref", + "ref": "tbrR4", + "width": "fill_container", + "name": "descHeader", + "descendants": { + "XGc4z": { + "content": "Description" + } + } + }, + { + "id": "zJ1us", + "type": "ref", + "ref": "tbrR4", + "width": 240, + "name": "dateHeader", + "descendants": { + "XGc4z": { + "content": "Return date" + } + } + } + ] + }, + { + "id": "M873F", + "type": "ref", + "ref": "T73Cd", + "width": "fill_container", + "name": "row1", + "children": [ + { + "id": "Kk3Ys", + "type": "ref", + "ref": "uKYIj", + "width": 160, + "name": "cell1_1", + "children": [ + { + "id": "j3zHI", + "type": "ref", + "ref": "7KC5U", + "name": "label1", + "descendants": { + "AWwyf": { + "content": "New" + } + } + } + ] + }, + { + "id": "ahaRl", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell1_2", + "children": [ + { + "type": "text", + "id": "nfryI", + "name": "text1_2", + "fill": "$--foreground", + "content": "Aurora Scout", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "eVibu", + "type": "ref", + "ref": "uKYIj", + "width": "fill_container", + "name": "cell1_3", + "children": [ + { + "type": "text", + "id": "XZh8s", + "name": "text1_3", + "fill": "$--foreground", + "content": "Lightweight rover ideal for high-speed reconnaissance.", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "KLn3j", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell1_4", + "children": [ + { + "type": "text", + "id": "Pl4HM", + "name": "text1_4", + "fill": "$--foreground", + "content": "Sol 543", + "fontFamily": "$--font-secondary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "isAPY", + "type": "ref", + "ref": "T73Cd", + "width": "fill_container", + "name": "row2", + "children": [ + { + "id": "h0Kjy", + "type": "ref", + "ref": "uKYIj", + "width": 160, + "name": "cell2_1", + "children": [ + { + "id": "9vKOM", + "type": "ref", + "ref": "L8Rgv", + "name": "label2", + "descendants": { + "glumS": { + "content": "Active" + } + } + } + ] + }, + { + "id": "9KrrG", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell2_2", + "children": [ + { + "type": "text", + "id": "OkJXU", + "name": "text2_2", + "fill": "$--foreground", + "content": "Curiosity-X", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "FeOeo", + "type": "ref", + "ref": "uKYIj", + "width": "fill_container", + "name": "cell2_3", + "children": [ + { + "type": "text", + "id": "wZrIk", + "name": "text2_3", + "fill": "$--foreground", + "content": "Reliable all-rounder for exploration and sample collection.", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "S2VcE", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell2_4", + "children": [ + { + "type": "text", + "id": "4i51H", + "name": "text2_4", + "fill": "$--foreground", + "content": "Sol 527", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "RCtI4", + "type": "ref", + "ref": "T73Cd", + "width": "fill_container", + "name": "row3", + "children": [ + { + "id": "sEsWm", + "type": "ref", + "ref": "uKYIj", + "width": 160, + "name": "cell3_1", + "children": [ + { + "id": "kF2XZ", + "type": "ref", + "ref": "L8Rgv", + "name": "label3", + "descendants": { + "glumS": { + "content": "Active" + } + } + } + ] + }, + { + "id": "T2Ej1", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell3_2", + "children": [ + { + "type": "text", + "id": "Sk19q", + "name": "text3_2", + "fill": "$--foreground", + "content": "Pathfinder Neo", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "w8nnC", + "type": "ref", + "ref": "uKYIj", + "width": "fill_container", + "name": "cell3_3", + "children": [ + { + "type": "text", + "id": "QTOr3", + "name": "text3_3", + "fill": "$--foreground", + "content": "Compact model for short-range geological missions.", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "Gm45A", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell3_4", + "children": [ + { + "type": "text", + "id": "ORrwr", + "name": "text3_4", + "fill": "$--foreground", + "content": "Sol 519", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "SD5v5", + "type": "ref", + "ref": "T73Cd", + "width": "fill_container", + "name": "row4", + "children": [ + { + "id": "QBNsU", + "type": "ref", + "ref": "uKYIj", + "width": 160, + "name": "cell4_1", + "children": [ + { + "id": "Nm4Er", + "type": "ref", + "ref": "it00G", + "name": "label4", + "descendants": { + "izLyj": { + "content": "Maintenance" + } + } + } + ] + }, + { + "id": "PBllO", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell4_2", + "children": [ + { + "type": "text", + "id": "AJXcm", + "name": "text4_2", + "fill": "$--foreground", + "content": "Spirit-9", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "aStAb", + "type": "ref", + "ref": "uKYIj", + "width": "fill_container", + "name": "cell4_3", + "children": [ + { + "type": "text", + "id": "V8SMQ", + "name": "text4_3", + "fill": "$--foreground", + "content": "Completed mapping of Sector D-12 successfully.", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "5MuoQ", + "type": "ref", + "ref": "uKYIj", + "width": 240, + "name": "cell4_4", + "children": [ + { + "type": "text", + "id": "Vz5jd", + "name": "text4_4", + "fill": "$--foreground", + "content": "—", + "fontFamily": "$--font-primary", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "sbChi", + "x": 0, + "y": -35, + "name": "welcome ↓", + "clip": true, + "width": 1578, + "height": 1733, + "fill": "#141414ff", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 0.75 + }, + "layout": "none", + "children": [ + { + "type": "text", + "id": "moD8f", + "x": 60, + "y": 546, + "name": "Look around and see what’s possible, or clear the canvas and start creating.", + "fill": "#ffffffff", + "textGrowth": "fixed-width", + "width": 630, + "content": "Look around and see what’s possible, or clear the canvas and start creating.", + "lineHeight": 1.4583333333333333, + "textAlignVertical": "bottom", + "fontFamily": "Rubik", + "fontSize": 48, + "fontWeight": "normal", + "letterSpacing": -1.44 + }, + { + "type": "text", + "id": "vZvTE", + "x": 60, + "y": 60, + "name": "Welcome to Pencil!", + "fill": "#ffffffff", + "textGrowth": "fixed-width", + "width": 630, + "content": "Welcome to Pencil!", + "lineHeight": 1.100000023841858, + "fontFamily": "Funnel Display", + "fontSize": 120, + "fontWeight": "500", + "letterSpacing": -3.5999999999999996 + }, + { + "type": "frame", + "id": "kjpSw", + "x": 1170, + "y": 81, + "name": "logotype", + "clip": true, + "width": 325.4095458984375, + "height": 64, + "stroke": { + "align": "inside", + "thickness": 0.5633822083473206 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "E95mx", + "x": 0.0004119873046875, + "y": 0, + "name": "type", + "geometry": "M135.58105 30.40039c8.35553 0.00001 15.51127 1.59981 21.4668 4.7998 6.04434 3.19999 10.66626 7.77792 13.86621 13.7334 3.19997 5.95552 4.79979 13.06641 4.79981 21.33301l0 7.4668-60.66602 0c0.88889 5.95543 3.15547 10.48852 6.79981 13.59961 3.64444 3.11111 8.44484 4.66699 14.40039 4.66699 4.71086-0.00005 8.44375-0.80048 11.19922-2.40039 2.75555-1.6 4.71164-4.04412 5.86718-7.33301l22.13282 0c-1.77778 8.53332-6.0882 15.24491-12.93262 20.13379-6.84445 4.8-15.55602 7.19922-26.13379 7.19922-8.62217-0.00002-16.13323-1.68865-22.5332-5.06641-6.39995-3.46665-11.33316-8.31103-14.79981-14.5332-3.46666-6.3111-5.20019-13.73328-5.20019-22.2666 0-8.53327 1.68868-15.86669 5.0664-22 3.37778-6.22222 8.17817-10.97771 14.40039-14.2666 6.3111-3.37775 13.73329-5.06641 22.2666-5.06641z m0.13282 17.46582c-5.42202 0.00007-9.86644 1.28948-13.33301 3.86719-3.37766 2.57773-5.64424 6.35542-6.79981 11.33301l38.9336 0c-0.71114-5.06655-2.66724-8.84416-5.86719-11.33301-3.2-2.57773-7.51143-3.86719-12.93359-3.86719z m194.6875-17.46582c10.57779 0 19.28933 2.66667 26.13379 8 6.84433 5.33332 11.15582 12.66675 12.93359 22l-22.2666 0c-1.15552-3.46651-3.15576-6.13335-6-8-2.84445-1.86667-6.44522-2.80078-10.80078-2.80078-5.95536 0.0001-10.75507 1.95618-14.39942 5.86719-3.55554 3.91111-5.333 9.4221-5.333 16.5332 0 7.11094 1.82156 12.62211 5.46582 16.5332 3.64434 3.91101 8.40014 5.86709 14.2666 5.86719 9.42206 0 15.15567-4.00028 17.20019-12l22.2666 0c-1.60003 9.77741-5.82186 17.4216-12.66601 22.93262-6.84445 5.51111-15.77857 8.2666-26.80078 8.2666-8.35538-0.00006-15.689-1.68869-22-5.06641-6.22202-3.46663-11.11054-8.31115-14.66602-14.5332-3.46667-6.22222-5.20019-13.55556-5.20019-22 0-8.44443 1.73352-15.77778 5.20019-22 3.46665-6.22212 8.35501-11.02264 14.66602-14.40039 6.311-3.4666 13.64462-5.19916 22-5.19922z m-279.06836-26.40039c12.17778 0 21.64484 3.06686 28.40039 9.2002 6.75546 6.13332 10.13281 14.5336 10.13281 25.20019-0.00008 10.57747-3.3775 18.97709-10.13281 25.19922-6.75555 6.13333-16.22261 9.2002-28.40039 9.2002l-28.79981 0 0 39.20019-22.5332 0 0-108 51.33301 0z m-28.79981 49.2002l27.4668-0.00001c5.6 0 9.86647-1.28941 12.7998-3.86718 2.93321-2.66659 4.40031-6.31061 4.40039-10.93262 0-4.71111-1.46706-8.35581-4.40038-10.93359-2.93333-2.57775-7.19983-3.86719-12.79981-3.86719l-27.4668 0 0 29.60058z m218.47168-22.667c11.11107 0 19.68897 3.06692 25.7334 9.2002 6.13333 6.04444 9.2002 14.17817 9.2002 24.40039l0 47.86621-22.13282 0 0-43.7334c-0.00001-5.68327-1.50181-10.03202-4.50488-13.0459l-0.5918-0.57422c-3.10269-2.9197-7.58195-4.37988-13.4375-4.37988-6.04425 0.00006-10.66627 1.55595-13.86621 4.66699-3.11103 3.02221-4.66697 7.46643-4.66699 13.33301l0 43.7334-22.13281 0-0.00098-63.5-10.60449 0 0-16.5 22.07227 0 0 13.06641 5.59961 0c3.11106-4.6221 7.02239-8.17716 11.73339-10.66602 4.71105-2.57774 10.57753-3.86715 17.59961-3.86719z m160.66114 81.4668l-22 0 0-79 22 0 0 79z m40.98925 0l-22.13379 0 0-112 22.13379 0 0 112z m-40.98925-95.5l-22 0 0-16.5 22 0 0 16.5z", + "fill": "#ffffffff", + "width": 249.3841094970703, + "height": 64 + }, + { + "type": "frame", + "id": "LtSu9", + "x": 274.93011474609375, + "y": 0, + "name": "mark-mono-v1", + "width": 50.47904586791992, + "height": 63.09880828857422, + "stroke": { + "align": "inside", + "thickness": 0.22535288333892822 + }, + "layout": "none", + "children": [ + { + "type": "path", + "id": "g9jTd", + "x": 12.61976146697998, + "y": 50.3802375793457, + "name": "graphite", + "geometry": "M0 0l113.13708 0-56.56854 56.56854-56.56854-56.56854z", + "fill": "#ffffffff", + "width": 25.23952293395996, + "height": 12.61976146697998, + "stroke": { + "align": "inside", + "thickness": 0.22535288333892822 + } + }, + { + "type": "rectangle", + "id": "zmJqu", + "x": 0, + "y": 0, + "name": "wood", + "fill": "#ffffffff", + "width": 50.47904586791992, + "height": 37.859283447265625, + "stroke": { + "align": "outside", + "thickness": 0.22535288333892822 + } + } + ] + } + ] + }, + { + "type": "text", + "id": "vCuCj", + "x": 60, + "y": 1014, + "name": "Look around and see what’s possible, or clear the canvas and start creating.", + "fill": "#ffffffff", + "textGrowth": "fixed-width", + "width": 1469, + "content": "Pro tips:\n\n- Explore \"Design Kits and Style Guides\" on the top\n- Copy and paste from Figma (bitmaps are ommited)\n- In agent chat, ask to change \"selected frame\"\n- Variables let you define reusable primitives like colors\n- Components are in the top right corner\n- Slots let you define how to components are assembled together", + "lineHeight": 1.4583333333333333, + "textAlignVertical": "bottom", + "fontFamily": "Rubik", + "fontSize": 48, + "fontWeight": "normal", + "letterSpacing": -1.44 + } + ] + }, + { + "type": "text", + "id": "moMxv", + "x": -50, + "y": -2841, + "fill": "#ff8303ff", + "content": "↓", + "fontFamily": "Inter", + "fontSize": 320, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "y1EI4", + "x": 4772, + "y": -1869, + "name": "Step 2", + "fill": "#ff8303ff", + "content": "←", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 100, + "fontWeight": "600" + }, + { + "type": "text", + "id": "9184N", + "x": 6688, + "y": -1873, + "name": "Step 2", + "fill": "#ff8303ff", + "content": "←", + "lineHeight": 1.399999976158142, + "fontFamily": "Inter", + "fontSize": 100, + "fontWeight": "600" + } + ], + "themes": { + "Mode": [ + "Light", + "Dark" + ] + }, + "variables": { + "--sidebar": { + "type": "color", + "value": [ + { + "value": "#E7E8E5" + }, + { + "value": "#18181b", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-foreground": { + "type": "color", + "value": [ + { + "value": "#666666" + }, + { + "value": "#fafafa", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-primary": { + "type": "color", + "value": [ + { + "value": "#18181b" + }, + { + "value": "#18181b", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-primary-foreground": { + "type": "color", + "value": [ + { + "value": "#fafafa" + }, + { + "value": "#fafafa", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-border": { + "type": "color", + "value": [ + { + "value": "#CBCCC9" + }, + { + "value": "#ffffff1a", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-accent": { + "type": "color", + "value": [ + { + "value": "#CBCCC9" + }, + { + "value": "#2a2a30", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-accent-foreground": { + "type": "color", + "value": [ + { + "value": "#18181b" + }, + { + "value": "#fafafa", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--sidebar-ring": { + "type": "color", + "value": [ + { + "value": "#71717a" + }, + { + "value": "#71717a", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--background": { + "type": "color", + "value": [ + { + "value": "#F2F3F0" + }, + { + "value": "#111111", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#FFFFFF", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--card": { + "type": "color", + "value": [ + { + "value": "#FFFFFF" + }, + { + "value": "#1A1A1A", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--card-foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#FFFFFF", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--popover": { + "type": "color", + "value": [ + { + "value": "#FFFFFF" + }, + { + "value": "#1A1A1A", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--popover-foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#FFFFFF", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--primary": { + "type": "color", + "value": [ + { + "value": "#FF8400" + }, + { + "value": "#FF8400", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--primary-foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#111111", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--secondary": { + "type": "color", + "value": [ + { + "value": "#E7E8E5" + }, + { + "value": "#2E2E2E", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--secondary-foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#FFFFFF", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--muted": { + "type": "color", + "value": [ + { + "value": "#F2F3F0" + }, + { + "value": "#2E2E2E", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--muted-foreground": { + "type": "color", + "value": [ + { + "value": "#666666" + }, + { + "value": "#B8B9B6", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--accent": { + "type": "color", + "value": [ + { + "value": "#F2F3F0" + }, + { + "value": "#111111", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--accent-foreground": { + "type": "color", + "value": [ + { + "value": "#111111" + }, + { + "value": "#F2F3F0", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--destructive": { + "type": "color", + "value": [ + { + "value": "#D93C15" + }, + { + "value": "#FF5C33", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--border": { + "type": "color", + "value": [ + { + "value": "#CBCCC9" + }, + { + "value": "#2E2E2E", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--input": { + "type": "color", + "value": [ + { + "value": "#CBCCC9" + }, + { + "value": "#2E2E2E", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--ring": { + "type": "color", + "value": [ + { + "value": "#666666" + }, + { + "value": "#666666", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--white": { + "type": "color", + "value": "#FFFFFF" + }, + "--black": { + "type": "color", + "value": "#000000" + }, + "--font-primary": { + "type": "string", + "value": "JetBrains Mono" + }, + "--font-secondary": { + "type": "string", + "value": "Geist" + }, + "--radius-none": { + "type": "number", + "value": 0 + }, + "--radius-pill": { + "type": "number", + "value": 999 + }, + "--color-success": { + "type": "color", + "value": [ + { + "value": "#DFE6E1" + }, + { + "value": "#222924", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-success-foreground": { + "type": "color", + "value": [ + { + "value": "#004D1A" + }, + { + "value": "#B6FFCE", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-warning": { + "type": "color", + "value": [ + { + "value": "#E9E3D8" + }, + { + "value": "#291C0F", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-warning-foreground": { + "type": "color", + "value": [ + { + "value": "#804200" + }, + { + "value": "#FF8400", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-error": { + "type": "color", + "value": [ + { + "value": "#E5DCDA" + }, + { + "value": "#24100B", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-error-foreground": { + "type": "color", + "value": [ + { + "value": "#8C1C00" + }, + { + "value": "#FF5C33", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-info": { + "type": "color", + "value": [ + { + "value": "#DFDFE6" + }, + { + "value": "#222229", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--color-info-foreground": { + "type": "color", + "value": [ + { + "value": "#000066" + }, + { + "value": "#B2B2FF", + "theme": { + "Mode": "Dark" + } + } + ] + }, + "--radius-m": { + "type": "number", + "value": 16 + } + } +} \ No newline at end of file