{ "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 } } }