{ "version": "2.8", "children": [ { "type": "frame", "id": "frame-1761929672442", "x": 0, "y": 0, "name": "lunaris: design system components", "theme": { "Mode": "Dark" }, "clip": true, "width": 3000, "height": 4400, "fill": "$--background", "layout": "none", "children": [ { "type": "frame", "id": "xCEfn", "x": 2200, "y": 4051, "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": 200, "y": 3166, "name": "Progress", "reusable": true, "clip": true, "width": 360, "height": 16, "fill": "$--secondary", "cornerRadius": "$--radius-pill", "stroke": { "align": "inside", "thickness": 1 }, "layout": "none", "children": [ { "type": "rectangle", "id": "qQ5Qx", "x": 0, "y": 0, "name": "Progress", "fill": "$--primary", "width": 180, "height": 16, "stroke": { "align": "inside", "thickness": 1 } } ] }, { "type": "frame", "id": "9PVw5", "x": 1802, "y": 2538.9999999999995, "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": 2200, "y": 3607, "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": 2200, "y": 3295, "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": 2200, "y": 3023, "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": 2200, "y": 2591, "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", "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", "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", "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": 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": 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": 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", "fill": { "type": "image", "enabled": true, "url": "", "mode": "fill" }, "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": 200, "y": 2538, "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": 2200, "y": 2697, "width": 274, "name": "Input Group/Filled", "descendants": { "FU4Re": { "fill": "$--foreground", "content": "Input Value" } } }, { "id": "592AB", "type": "ref", "reusable": true, "ref": "gKpi4", "x": 2200, "y": 2803, "name": "Input/Default", "width": 274, "descendants": { "KbqaX": { "enabled": false }, "FU4Re": { "content": "Placeholder" } } }, { "id": "URXVp", "type": "ref", "reusable": true, "ref": "gKpi4", "x": 2200, "y": 2883, "width": 274, "name": "Input/Filled", "descendants": { "KbqaX": { "enabled": false }, "FU4Re": { "fill": "$--foreground", "content": "Input Value" } } }, { "id": "mTHMq", "type": "ref", "reusable": true, "ref": "XhJWF", "x": 2200, "y": 3129, "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": 2200, "y": 3401, "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": 2200, "y": 3753, "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": 2200, "y": 3873, "name": "Textarea/Filled", "descendants": { "nQmmR": { "enabled": false }, "7Mypd": { "x": 0, "y": 0 }, "b2pCk": { "content": "Once upon a time..." } } }, { "type": "frame", "id": "KbyBJ", "x": 200, "y": 2842, "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": 200, "y": 2894, "name": "Tab Item/Inactive", "fill": [], "effect": [], "descendants": { "248ys": { "fill": "$--muted-foreground" } } }, { "type": "frame", "id": "Kbr4h", "x": 200, "y": 2946, "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": 200, "y": 3026, "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": 1006, "y": 2443, "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": 1326, "y": 2443, "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": 1326, "y": 2531, "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": 1326, "y": 2619, "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": 1802, "y": 2459.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": 1882, "y": 2459.211644890092, "name": "Pagination Item/Default", "fill": [], "stroke": { "align": "inside", "thickness": 1 }, "effect": [] }, { "id": "Irk3I", "type": "ref", "reusable": true, "ref": "oT0d2", "x": 1961.7883551099067, "y": 2459.4255535419575, "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": 1378, "y": 3216, "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": 1000, "y": 3216, "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": 1000, "y": 3537, "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": 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": 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": 1000, "y": 1372, "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" } ] } ], "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 } } }