@clickhouse/click-ui 0.0.0

package/app/src/styles/variables.json

@@ -0,0 +1,1029 @@
+{
+  "click": {
+    "badge": {
+      "space": {
+        "x": "12px",
+        "y": "3px"
+      },
+      "typography": {
+        "label": {
+          "default": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "radii": {
+        "all": "9999px"
+      },
+      "stroke": "1px",
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "success": "#e0f8e7",
+          "neutral": "#e6e7e9",
+          "danger": "#ffdddd",
+          "disabled": "#dfdfdf"
+        },
+        "text": {
+          "default": "#696e79",
+          "success": "#1c8439",
+          "neutral": "#53575f",
+          "danger": "#c10000",
+          "disabled": "#a0a0a0"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "success": "#e0f8e7",
+          "neutral": "#e6e7e9",
+          "danger": "#ffdddd",
+          "disabled": "lch(84.4 0 0)"
+        }
+      }
+    },
+    "big-stat": {
+      "space": {
+        "all": "12px",
+        "gap": "0"
+      },
+      "radii": {
+        "all": "4px"
+      },
+      "typography": {
+        "label": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "title": {
+          "default": "600 32px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "stroke": "1px",
+      "color": {
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        },
+        "background": {
+          "default": "#ffffff"
+        },
+        "label": {
+          "default": "#696e79"
+        },
+        "large-value": {
+          "default": "#161517"
+        }
+      }
+    },
+    "button": {
+      "radii": {
+        "all": "4px"
+      },
+      "basic": {
+        "space": {
+          "x": "16px",
+          "y": "5.5px",
+          "gap": "8px",
+          "group": "8px"
+        },
+        "typography": {
+          "label": {
+            "default": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "hover": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "active": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "disabled": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+          },
+          "mobile": {
+            "label": {
+              "default": "500 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+              "hover": "500 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+              "active": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+            }
+          }
+        },
+        "size": {
+          "icon": {
+            "all": "15.5px"
+          }
+        },
+        "color": {
+          "primary": {
+            "background": {
+              "default": "#302e32",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.42 1.33 305)"
+            },
+            "text": {
+              "default": "#ffffff"
+            },
+            "stroke": {
+              "default": "#302e32",
+              "hover": "lch(55.8 3.66 267)",
+              "active": "lch(6.42 1.33 305)"
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "#f6f7fa",
+              "active": "lch(92.4 1.49 272)"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266 / 0.3)",
+              "hover": "#e6e7e9",
+              "active": "lch(83.8 2.3 258)"
+            },
+            "text": {
+              "default": "#161517"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#dfdfdf"
+            },
+            "text": {
+              "default": "#a0a0a0"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#ffdddd",
+              "hover": "#ff9898",
+              "active": "#ffbaba"
+            },
+            "text": {
+              "default": "#c10000"
+            }
+          }
+        }
+      },
+      "icon-button": {
+        "space": {
+          "1": "4px",
+          "2": "8px"
+        },
+        "size": {
+          "1": "12px",
+          "2": "16px",
+          "3": "20px"
+        }
+      },
+      "stroke": "1px",
+      "split": {
+        "icon": {
+          "space": {
+            "y": "8.25px"
+          }
+        },
+        "primary": {
+          "stroke": {
+            "default": "lch(23.3 2.63 306)",
+            "active": "lch(16.4 2.36 306)",
+            "hover": "lch(53.6 2.86 267)"
+          },
+          "background": {
+            "main": {
+              "default": "lch(17.6 2.54 306)",
+              "hover": "lch(51.1 3.35 267)",
+              "active": "lch(5.87 1.22 305)"
+            },
+            "action": {
+              "default": "lch(6.35 1.32 305)",
+              "hover": "lch(48.5 3.18 267)",
+              "active": "lch(3.47 0.72 305)"
+            }
+          },
+          "text": {
+            "default": "#ffffff"
+          }
+        }
+      },
+      "mobile": {
+        "button": {
+          "space": {
+            "x": "12px",
+            "y": "8px",
+            "gap": "8px"
+          }
+        },
+        "basic": {
+          "size": {
+            "icon": {
+              "all": "20px"
+            }
+          }
+        }
+      },
+      "button-group": {
+        "radii": {
+          "center": "0",
+          "end": "4px"
+        }
+      },
+      "group": {
+        "color": {
+          "background": {
+            "default": "#ffffff",
+            "hover": "lch(68.1 1.1 272)",
+            "active": "lch(78.5 1.27 272)",
+            "panel": "#ffffff"
+          },
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#151515"
+          },
+          "stroke": {
+            "panel": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "card": {
+      "space": {
+        "all": "16px",
+        "gap": "16px"
+      },
+      "radii": {
+        "all": "4px"
+      },
+      "icon": {
+        "size": {
+          "all": "32px"
+        }
+      },
+      "typography": {
+        "title": {
+          "default": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "description": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "link": {
+          "default": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "hover": "#f6f7fa",
+          "active": "lch(92.4 1.49 272)",
+          "disabled": "#dfdfdf"
+        },
+        "title": {
+          "default": "#161517",
+          "hover": "#161517",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
+        "description": {
+          "default": "#696e79",
+          "hover": "#696e79",
+          "active": "#696e79",
+          "disabled": "#a0a0a0"
+        },
+        "link": {
+          "default": "#161517",
+          "hover": "#135be6",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "hover": "lch(91.6 1.1 266 / 0.3)",
+          "active": "lch(87 1.05 266 / 0.3)",
+          "disabled": "#dfdfdf"
+        }
+      }
+    },
+    "checkbox": {
+      "radii": {
+        "all": "2px"
+      },
+      "space": {
+        "all": "1px",
+        "gap": "8px"
+      },
+      "size": {
+        "all": "16px"
+      },
+      "color": {
+        "background": {
+          "default": "#f6f7fa",
+          "active": "#161517",
+          "disabled-checked": "#dfdfdf",
+          "disabled-unchecked": "#dfdfdf"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "active": "#161517",
+          "disabled": "#c0c0c0"
+        },
+        "check": {
+          "default": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        },
+        "label": {
+          "default": "#161517",
+          "off": "#696e79",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "code-block": {
+      "space": {
+        "all": "16px"
+      }
+    },
+    "codeblock": {
+      "radii": {
+        "all": "8px"
+      },
+      "stroke": "1px",
+      "typography": {
+        "text": {
+          "default": "500 14px/1.7 \"Inconsolata\", \"SFMono Regular\", monospace"
+        }
+      },
+      "color": {
+        "background": {
+          "default": "#302e32",
+          "inline": "#f6f7fa"
+        },
+        "text": {
+          "default": "#ffffff",
+          "inline": "#161517"
+        },
+        "button": {
+          "default": "#1d1d1d",
+          "hover": "#ffffff",
+          "background": {
+            "default": "#302e32",
+            "hover": "#53575f"
+          },
+          "foreground": {
+            "default": "#ffffff"
+          }
+        },
+        "stroke": {
+          "default": "lch(35.4 2.22 306)",
+          "inline": "lch(93.3 0.88 266 / 0.3)"
+        }
+      }
+    },
+    "code": {
+      "x": "4px",
+      "stroke": "1px",
+      "typography": {
+        "text": {
+          "default": "500 14px/1.7 \"Inconsolata\", \"SFMono Regular\", monospace"
+        }
+      },
+      "radii": {
+        "all": "4px"
+      }
+    },
+    "context-menu": {
+      "space": {
+        "x": "16px",
+        "y": "5.5px",
+        "gap": "8px"
+      },
+      "typography": {
+        "label": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "radii": {
+        "all": "8px"
+      },
+      "size": {
+        "icon": {
+          "all": "15.5px"
+        }
+      },
+      "button": {
+        "space": {
+          "gap": "4px"
+        },
+        "background": {
+          "default": "#f6f7fa"
+        },
+        "label": {
+          "default": "#161517"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)"
+        }
+      },
+      "color": {
+        "text": {
+          "default": "#161517",
+          "disabled": "#c0c0c0",
+          "muted": "#696e79",
+          "hover": "#161517",
+          "active": "#161517"
+        },
+        "background": {
+          "default": "lch(100 0 0)",
+          "hover": "lch(97.5 1.43 272)",
+          "active": "lch(97.5 1.43 272)"
+        }
+      },
+      "stroke": {
+        "default": "lch(91.6 1.1 266 / 0.3)"
+      }
+    },
+    "field": {
+      "typography": {
+        "label": {
+          "default": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "error": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "field-text": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "error": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "type": {
+        "mobile": {
+          "label": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "field-value": "400 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "space": {
+        "x": "12px",
+        "y": "5.5px",
+        "gap": "8px"
+      },
+      "size": {
+        "icon": "16px"
+      },
+      "radii": {
+        "all": "4px"
+      },
+      "mobile": {
+        "space": {
+          "x": "12px",
+          "y": "8px",
+          "gap": "8px"
+        }
+      },
+      "color": {
+        "background": {
+          "default": "#f6f7fa",
+          "active": "#ffffff",
+          "disabled": "#dfdfdf",
+          "hover": "#f6f7fa"
+        },
+        "text": {
+          "default": "#302e32",
+          "active": "#161517",
+          "disabled": "#a0a0a0",
+          "hover": "#302e32",
+          "error": "#c10000"
+        },
+        "stroke": {
+          "default": "lch(92 1.05 266 / 0.3)",
+          "active": "#161517",
+          "disabled": "#dfdfdf",
+          "hover": "lch(83.8 2.3 258)",
+          "error": "#c10000"
+        },
+        "label": {
+          "default": "#696e79",
+          "active": "#161517",
+          "disabled": "#a0a0a0",
+          "error": "#c10000"
+        },
+        "placeholder": "#696e79"
+      }
+    },
+    "popover": {
+      "radii": {
+        "all": "4px"
+      },
+      "color": {
+        "background": {
+          "default": "lch(100 0 0)"
+        }
+      }
+    },
+    "sidebar": {
+      "item": {
+        "radius": "4px",
+        "space": {
+          "x": "12px",
+          "y": "5.5px",
+          "gap": "12px",
+          "left": "4px"
+        }
+      },
+      "typography": {
+        "item": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "section-title": {
+          "default": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "disabled": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "mobile": {
+          "item": {
+            "default": "400 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "hover": "400 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "active": "500 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+          }
+        }
+      },
+      "item-collapsible": {
+        "space": {
+          "x": "12px",
+          "y": "5.5px",
+          "gap": "12px"
+        }
+      },
+      "mobile": {
+        "item": {
+          "space": {
+            "x": "12px",
+            "y": "12px",
+            "gap": "12px",
+            "left": "4px"
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": "#ffffff"
+          },
+          "item": {
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "active": "lch(91.6 1.1 266 / 0.6)",
+              "hover": "lch(91.6 1.1 266 / 0.6)"
+            },
+            "text": {
+              "default": "#161517",
+              "muted": "#696e79"
+            }
+          },
+          "text": {
+            "default": "#161517",
+            "muted": "#696e79"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      },
+      "sql-sidebar": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "switch": {
+      "space": {
+        "gap": "8px"
+      },
+      "radii": {
+        "all": "9999px"
+      },
+      "size": {
+        "width": "32px",
+        "height": "16px"
+      },
+      "color": {
+        "background": {
+          "default": "#f6f7fa",
+          "active": "#151515",
+          "disabled": "#dfdfdf"
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "active": "#161517",
+          "disabled": "#c0c0c0"
+        },
+        "indicator": {
+          "default": "#a0a0a0",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "tabs": {
+      "space": {
+        "y": "8px",
+        "x": "12px"
+      },
+      "radii": {
+        "all": "4px"
+      },
+      "typography": {
+        "label": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        }
+      },
+      "basic": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#f6f7fa",
+            "selected": "rgba(0,0,0,0)"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "selected": "#161517"
+          },
+          "accent": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "selected": "#151515"
+          }
+        }
+      },
+      "file-tabs": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "active": "#161517"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "docs": {
+      "typography": {
+        "titles": {
+          "lg": "600 32px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "md": "700 20px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "sm": "700 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "text": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "breadcrumbs": {
+          "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+          "active": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+        },
+        "toc": {
+          "title": {
+            "default": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+          },
+          "item": {
+            "default": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "hover": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+            "active": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+          }
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "background": {
+          "default": "#ffffff",
+          "muted": "#f6f7fa"
+        },
+        "text": {
+          "default": "#161517",
+          "muted": "#696e79",
+          "link": {
+            "default": "#135be6",
+            "hover": "#092e73"
+          }
+        },
+        "stroke": {
+          "default": "lch(91.6 1.1 266 / 0.3)",
+          "muted": "lch(91.6 1.1 266 / 0.3)"
+        },
+        "accent": {
+          "default": "#151515"
+        },
+        "outline": {
+          "default": "#135be6"
+        }
+      }
+    },
+    "feedback": {
+      "color": {
+        "info": {
+          "background": "#dae6fc",
+          "foreground": "#135be6"
+        },
+        "success": {
+          "background": "#e0f8e7",
+          "foreground": "#1c8439"
+        },
+        "warning": {
+          "background": "#ffedd8",
+          "foreground": "#9e5600"
+        },
+        "danger": {
+          "background": "#ffdddd",
+          "foreground": "#c10000"
+        },
+        "neutral": {
+          "background": "#e6e7e9",
+          "foreground": "#53575f",
+          "stroke": "lch(91.6 1.1 266 / 0.3)"
+        }
+      }
+    },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(97.2 1.57 272 / 0.7)"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#696e79"
+          },
+          "row": {
+            "default": "#161517"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(91.6 1.1 266 / 0.3)"
+          }
+        }
+      }
+    },
+    "table": {
+      "color": {
+        "header": {
+          "background": "#f6f7fa",
+          "text": "#161517"
+        },
+        "row": {
+          "background": "#ffffff",
+          "text": "#161517"
+        },
+        "cell": {
+          "stroke": "lch(91.6 1.1 266 / 0.3)"
+        }
+      }
+    }
+  },
+  "palette": {
+    "brand": {
+      "50": "#ffffe8",
+      "100": "#feffba",
+      "200": "#fdffa3",
+      "300": "#fcff74",
+      "400": "#eef400",
+      "500": "#9fa300",
+      "600": "#4f5100",
+      "700": "#27291B",
+      "800": "#161600",
+      "base": "#fbff46"
+    },
+    "neutral": {
+      "0": "#ffffff",
+      "100": "#f9f9f9",
+      "200": "#dfdfdf",
+      "300": "#c0c0c0",
+      "400": "#a0a0a0",
+      "500": "#808080",
+      "600": "#606060",
+      "700": "#414141",
+      "725": "#282828",
+      "750": "#1F1F1C",
+      "800": "#1d1d1d",
+      "900": "#151515",
+      "base": "#212121"
+    },
+    "slate": {
+      "50": "#f6f7fa",
+      "100": "#e6e7e9",
+      "200": "#cccfd3",
+      "300": "#b3b6bd",
+      "400": "#9a9ea7",
+      "500": "#808691",
+      "600": "#696e79",
+      "700": "#53575f",
+      "800": "#302e32",
+      "900": "#161517",
+      "base": "#373439"
+    },
+    "indigo": {
+      "50": "#f4f1fc",
+      "100": "#e4e2e9",
+      "200": "#c8c5d3",
+      "300": "#ada8bd",
+      "400": "#918ba7",
+      "500": "#766e91",
+      "600": "#5e5874",
+      "700": "#474257",
+      "800": "#23212c",
+      "900": "#18161d",
+      "base": "#2f2c3a"
+    },
+    "info": {
+      "50": "#dae6fc",
+      "100": "#b5cdf9",
+      "200": "#91b3f6",
+      "300": "#6c9af3",
+      "400": "#135be6",
+      "500": "#0e44ad",
+      "600": "#092e73",
+      "700": "#061d48",
+      "800": "#05173a",
+      "900": "#041330",
+      "base": "#4781f0"
+    },
+    "success": {
+      "50": "#e0f8e7",
+      "100": "#c0f2ce",
+      "200": "#a1ebb6",
+      "300": "#81e59d",
+      "400": "#41d76b",
+      "500": "#2ac656",
+      "600": "#1c8439",
+      "700": "#15632b",
+      "800": "#0e421d",
+      "900": "#07210e",
+      "base": "#62de85"
+    },
+    "warning": {
+      "50": "#ffedd8",
+      "100": "#ffdbb1",
+      "200": "#ffca8b",
+      "300": "#ffb864",
+      "400": "#ff9416",
+      "500": "#ed8000",
+      "600": "#c66b00",
+      "700": "#9e5600",
+      "800": "#4f2b00",
+      "900": "#271500",
+      "base": "#ffa63d"
+    },
+    "danger": {
+      "50": "#ffdddd",
+      "100": "#ffbaba",
+      "200": "#ff9898",
+      "300": "#ff7575",
+      "400": "#ff2323",
+      "500": "#f10000",
+      "600": "#c10000",
+      "700": "#910000",
+      "800": "#610000",
+      "900": "#300000",
+      "base": "#FF5353"
+    },
+    "gradients": {
+      "base": "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)"
+    },
+    "utility": {
+      "transparent": "rgba(0,0,0,0)"
+    }
+  },
+  "sizes": {
+    "0": "0",
+    "1": "1px",
+    "2": "4px",
+    "3": "8px",
+    "4": "12px",
+    "5": "16px",
+    "6": "20px",
+    "7": "24px",
+    "8": "28px",
+    "9": "32px",
+    "10": "40px",
+    "11": "64px"
+  },
+  "typography": {
+    "font": {
+      "families": {
+        "regular": "\"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "mono": "\"Inconsolata\", \"SFMono Regular\", monospace",
+        "display": "'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "weights": {
+        "1": "400",
+        "2": "500",
+        "3": "600",
+        "4": "700"
+      },
+      "sizes": {
+        "1": "12px",
+        "2": "14px",
+        "3": "16px",
+        "4": "20px",
+        "6": "32px"
+      },
+      "line-height": {
+        "1": "1.5",
+        "2": "1.6",
+        "3": "1.7",
+        "4": "1.3"
+      }
+    },
+    "styles": {
+      "titles": {
+        "xs": "700 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "sm": "700 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "md": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "lg": "700 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "xl": "700 20px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "2xl": "600 32px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "text": {
+        "sm": "400 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "md": "400 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "lg": "400 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "text-sbold": {
+        "sm": "500 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "md": "500 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "lg": "500 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "text-bold": {
+        "sm": "600 12px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "md": "600 14px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "lg": "600 16px/1.5 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "text-mono": {
+        "sm": "500 12px/1.6 \"Inconsolata\", \"SFMono Regular\", monospace",
+        "md": "500 14px/1.7 \"Inconsolata\", \"SFMono Regular\", monospace",
+        "lg": "500 16px/1.6 \"Inconsolata\", \"SFMono Regular\", monospace"
+      },
+      "titles-brand": {
+        "xs": "600 20px/1.5 'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "sm": "600 24px/1.5 'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "md": "600 36px/1.3 'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "lg": "600 56px/1.3 'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
+        "xl": "700 64px/1.3 'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      },
+      "field": {
+        "md": "400 14px/1.6 \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;"
+      }
+    }
+  },
+  "border": {
+    "radii": {
+      "0": "0",
+      "1": "4px",
+      "2": "8px",
+      "full": "9999px"
+    },
+    "width": {
+      "1": "1px",
+      "2": "2px"
+    }
+  },
+  "spaces": {
+    "0": "0",
+    "1": "4px",
+    "2": "8px",
+    "3": "12px",
+    "4": "16px",
+    "5": "24px",
+    "6": "32px",
+    "7": "40px"
+  },
+  "shadow": {
+    "1": "0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 1px 3px 0 rgba(16, 24, 40, 0.1)",
+    "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)"
+  }
+}